JavaScript:获取点击的标签名

使用事件委托:

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title></title>
        <link rel="stylesheet" href="css/style.css" />

    </head>
    <body>
        <div id="my-click">
            <button>点击button</button>
            <div>点击div</div>
        </div>
        <script>
            document.addEventListener("DOMContentLoaded", function(){
                document.getElementById("my-click").addEventListener("click", function(e){
                    alert("hi,"+e.target.nodeName);
                });
            }, false);
        </script>
    </body>
</html>

点击button时候,显示“hi,BUTTON”。点击div时候,显示“hi,DIV”。

你可能感兴趣的:(JavaScript:获取点击的标签名)