码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2015-04-24 09:20:00      阅读:175      评论:0      收藏:0      [点我收藏+]

标签:jq   html5   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>


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

标签:jq   html5   dom   开发人员   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!