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

最新推荐文章于 2022-11-25 15:24:33 发布

navysir8

最新推荐文章于 2022-11-25 15:24:33 发布

阅读量830

点赞数

分类专栏： html5+css+js 文章标签： JQ html5 dom 开发人员

本文链接：https://blog.youkuaiyun.com/navysir8/article/details/45225065

版权

html5+css+js 专栏收录该内容

17 篇文章

订阅专栏

本文介绍如何利用jQuery在HTML页面中追踪DOM元素触发的事件，并通过`event.target`属性获取触发事件的具体元素。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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