首页
关于
开发
生活
导航

JQuery | event.target vs this

作者: 图恩分类: 编程开发阅读: 618发布时间： 2020-04-12 16:35:23
jQuery 之前发在我的CSDN博客中，现在搬到简书上来。 html代码：
  • a
    • a1
    • a2
  • b
    • b1
    • b2
由于DOM元素的事件冒泡机制，当为div.wrap绑定click事件时，点击其任意子元素，都会响应click事件。 js代码（1）： $(".wrap").on('click', function(event){ alert($(this).attr("class")); // 点击div.wrap任意子元素，输出都为wrap }); js代码（2）： $(".wrap").on('click', function(event){ var node = event.target; alert($(node).attr("class")); // 点击div.wrap任意子元素，会输出具体点击的DOM元素的class }); 总结：event.target永远指向直接接受事件的目标DOM元素。 原始博客地址 图片源自网络，侵权必删！
本文由作者创作或收集，内容引用如有问题请联系站长处理。
转载请注明原文及出处：JQuery | event.target vs this
© 基于nuxt
粤ICP备20013202号
© 2020-2025 javascript技术分享