直接上代码: body里: <div id="father"> father <div id="son"> son ...
e.target与e.currentTarget是非常重要的,尤其是涉及到页面传值时 本节只说两者的区别, 下面开始正文啦 先来大概梳理下逻辑,以便引申与更一步了解target与curentTarget。 事件分为 种,冒泡与非冒泡。 这不是重点 由于是要理清e.target和e.currentTarget的区别, 所以下面从e入手来说。 e为事件对象,可以携带额外信息,如 id, dataset ...
2020-07-01 12:55 0 1558 推荐指数:
直接上代码: body里: <div id="father"> father <div id="son"> son ...
在DOM事件对象中有两个属性总是时不时的困扰我,就是target和currentTarget,有时候很迷惑分不清两者的区别,因此有必要把这两个属性好好梳理一下,加深理解,以便日后的查询。 MDN中对target的解释为,一个触发事件的对象的引用, 当事件处理程序在事件的冒泡或捕获阶段 ...
e.target 指的是你点击的元素 e.currentTarget 指的是你当前绑定点击事件的元素 如上示例结构,把点击事件绑定在父元素, 如果js设置 e.currenttarget , 那么无论你点击div内的任何一个位置,指定的都是绑定了点击事件的 父级 ...
简单的说,e.curretnTarge是指注册了事件监听器的对象,e.target是指对象里的子对象,实际触发这个事件的对象。 在《JavaScript高级高级程序设计》中,对这2个属性说明如下: 属性/方法 类型 读/写 说明 ...
target与currentTarget两者既有区别,也有联系,那么我们就来探讨下他们的区别吧,一个通俗易懂的例子解释一下两者的区别: 当点击A时:输出: 当点击B时:输出: 也就是说,currentTarget始终是监听 ...
什么是事件 事件是视图层到逻辑层的通讯方式。 事件可以将用户的行为反馈到逻辑层进行处理。 事件可以绑定在组件上,当达到触发事件,就会执行逻辑层中对应的事件处理函数。 事件对象可以携 ...
一、小程序中关于事件对象 e 的属性中有两个特别重要的属性:target与currentTarget属性:对于这两个属性,官方文档上的解释是: target:事件源组件对象 currentTarget:当前组件对象 可能这两句解释有点官方,反正我一开始 ...
在小程序的点击事件中,我们经常使用这两个属性来传参,看起来效果一样,查了官方文档如下: target:事件源组件对象 currentTarget:当前组件对象 什么意思?我刚开始就有点不懂,那就直接上代码: 结果如下: 点击子元素inner,但由于事件冒泡父元素 ...