摘要:两者在没有冒泡的情况下,是一样的值,但在用了事件委托的情况下,就不一样了,例如结构此时和是一样的都是点击的标签此时是不一样的当前的元素的当前的元素的
// 两者在没有冒泡的情况下,是一样的值,但在用了事件委托的情况下,就不一样了,例如:
// DOM 结构
// 此时target和currentTarget是一样的 都是点击的li标签
var lis = document.querySelectorAll("li"); for(var i =0;i// 此时是不一样的
var ul = document.querySelector("ul"); ul.addEventListener("click", function (e) { console.log(e.target); //当前的li console.log(e.currentTarget); //元素的ul }) $("ul").click(function (e) { console.log(e.target); //当前的li console.log(e.currentTarget); //元素的ul })
文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。
转载请注明本文地址:https://www.ucloud.cn/yun/90421.html
摘要:从开始已经支持事件捕获了。删除通过级方法指定的事件处理程序,只要将事件处理程序的属性值设置为即可。如果是,则可以使用这个方法取消事件的进一步捕获或冒泡,同时阻止任何事件处理程序被调用取消事件的进一步捕获或冒泡。 从IE9开始已经支持事件捕获了。删除通过DOM0级方法指定的事件处理程序,只要将事件处理程序的属性值设置为null即可。btn.onclick=null; attachEven...
摘要:中的所有事件处理器都是由提供的。事件触发时的回调函数。一个布尔值,表示该事件是否能够在中冒泡。注册事件监听的对象。对事件起源目标的引用。方法作用取消默认事件阻止事件冒泡对象。用法向派发事件写在后面事件,是前端开发中的一个基础。 本文首发于公众号:符合预期的CoyPan web中的事件 事件并不是JavaScript的核心部分,他们是在浏览器的Web Api中定义的。下面列举的几种情况,...
前言 在平常开发过程中,就算不使用现在主流的框架也至少得使用个Jquery,这些工具帮我们统一不同浏览器平台之间的差异和细节,可以将注意力集中到开发上来. 不过有意思的一点是,在看完高程的N年后我居然连event对象中的target和currentTarget属性的区别都忘记了. 先提几个引子: 你能说出event.currentTarget和event.target的区别吗? 如果可以那么ev...
阅读 2454·2021-11-16 11:45
阅读 2423·2021-10-11 10:59
阅读 2233·2021-10-08 10:05
阅读 3722·2021-09-23 11:30
阅读 2331·2021-09-07 09:58
阅读 754·2019-08-30 15:55
阅读 750·2019-08-30 15:53
阅读 1906·2019-08-29 17:00