怎么显示哪个 DOM 元素触发了事件

如何显示哪个 DOM 元素触发了事件

我们如果想显示DOM元素触发了事件,直接用event.target就可以实现,见如代码:

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>target</title>
        <script type="text/javascript" src="../js/jquery.min.js"></script>
        <script type="text/javascript">
            $(document).ready(function(){
                $('h1,h3,h5,p,button').click(function(event){
                    //alert()
                    $('div').html('点击事件由一个'+event.target.nodeName+'元素触发。');
                });
            });
        </script>
    </head>
    <body>
        <h1>第一句话</h1>
        <h3>第二句话</h3>
        <h5>第三句话</h5>
        <p>第四句话</p>
        <button>第五句话</button>
        <div></div>
    </body>
</html>