资讯专栏INFORMATION COLUMN

e.target和e.currenttarget的区别

Tony_Zby / 453人阅读

摘要:两者在没有冒泡的情况下,是一样的值,但在用了事件委托的情况下,就不一样了,例如结构此时和是一样的都是点击的标签此时是不一样的当前的元素的当前的元素的

// 两者在没有冒泡的情况下,是一样的值,但在用了事件委托的情况下,就不一样了,例如:
// DOM 结构

  • 1
  • 2
  • 3
  • 4
  • 5

// 此时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

相关文章

  • JS事件总结--试验过一些小经验

    摘要:从开始已经支持事件捕获了。删除通过级方法指定的事件处理程序,只要将事件处理程序的属性值设置为即可。如果是,则可以使用这个方法取消事件的进一步捕获或冒泡,同时阻止任何事件处理程序被调用取消事件的进一步捕获或冒泡。 从IE9开始已经支持事件捕获了。删除通过DOM0级方法指定的事件处理程序,只要将事件处理程序的属性值设置为null即可。btn.onclick=null; attachEven...

    Eastboat 评论0 收藏0
  • IE兼容性

    摘要:方式方式方式指向节点对象输出事件对象输出事件对象输出事件对象指向节点对象输出事件对象输出事件对象输出事件对象指向全局对象输出事件对象如果是方式定义的时候也可以没有形参但是被调用的时候一定会传递一个事件对象如果有形参则用接收如果没有可以在函数 hello1 //方式1 hello2 //方式2 hello3 //方式3 document.ge...

    刘东 评论0 收藏0
  • 前端基础 — Web事件总结

    摘要:中的所有事件处理器都是由提供的。事件触发时的回调函数。一个布尔值,表示该事件是否能够在中冒泡。注册事件监听的对象。对事件起源目标的引用。方法作用取消默认事件阻止事件冒泡对象。用法向派发事件写在后面事件,是前端开发中的一个基础。 本文首发于公众号:符合预期的CoyPan web中的事件 事件并不是JavaScript的核心部分,他们是在浏览器的Web Api中定义的。下面列举的几种情况,...

    April 评论0 收藏0
  • 重探浏览器事件(浅析事件编程化)

    前言 在平常开发过程中,就算不使用现在主流的框架也至少得使用个Jquery,这些工具帮我们统一不同浏览器平台之间的差异和细节,可以将注意力集中到开发上来. 不过有意思的一点是,在看完高程的N年后我居然连event对象中的target和currentTarget属性的区别都忘记了. 先提几个引子: 你能说出event.currentTarget和event.target的区别吗? 如果可以那么ev...

    lk20150415 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<