JQuery | event.target vs this

jQuery 之前发在我的CSDN博客中，现在搬到简书上来。 html代码： 由于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元素。 原始博客地址 图片源自网络，侵权必删！

本文章由javascript技术分享原创和收集