首页 > 其他 > 详细

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

时间:2015-04-24 09:19:12      阅读:99      评论:0      收藏:0      [点我收藏+]

我们如果想显示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>


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

原文:http://blog.csdn.net/navysir8/article/details/45225065

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!