`

javascript事件对象 target,currentTarget,originalTarget,explicitOriginalTarget区别

阅读更多

 转自:http://shuaigg-babysky.iteye.com/blog/1561188

 

console.log(e.target);
console.log(e.currentTarget);
console.log(e.originalTarget);
console.log(e.explicitOriginalTarget);

 

 

body上绑定的mousemove

target:当前事件发生的对象    span

currentTarget:事件冒泡到当前对象时,当前绑定的对象   document.body

originalTarget:相当于target span

explicitOriginalTarget:最原始的事件发生节点,有可能是文本节点

 

分享到:
评论

相关推荐

    Javascript中, event 的 target 与 currentTarget 的区别

    NULL 博文链接:https://rainbow702.iteye.com/blog/1668953

    JS target与currentTarget区别说明

    target在事件流的目标阶段;...只有当事件流处在目标阶段的时候,两个的指向才是一样的,而当处于捕获和冒泡阶段的时候,target指向被单击的对象而currentTarget指向当前事件活动的对象(一般为父级)。

    JavaScript事件对象event用法分析

    本文实例讲述了JavaScript事件对象event用法。分享给大家供大家参考,具体如下: 前面的文章已经介绍了JavaScript为事件指定处理程序的五种方式。 下面继续介绍JavaScript的事件对象event。 事件对象event包含导致...

    微信小程序事件对象中e.target和e.currentTarget的区别详解

    在小程序的事件回调触发时,会接收一个事件对象,事件对象的参数中包含一个target和currentTarget属性,接下来说说这二者的区别。 首先上代码: wxml部分: 父组件 子组件 wxss部分: #tar-father{ width: ...

    微信小程序中target和currentTarget的区别小结

    currentTarget:事件触发的当前事件(当前事件,可能是触发事件的源组件,可能是触发的事件组件(即触发事件源组件的子元素),此时点击子元素还是父元素,都是当前事件,应用e.currentTarget target:触发事件的源...

    javascript currentTarget对象介绍

    javascript currentTarget对象介绍

    as3事件属性

    深入了解as3事件流,阐明target和currentTarget属性的区别与应用

    event.currentTarget与event.target的区别介绍

    event.currentTarget identifies the current target for the event, as the event traverses the DOM. It always refers to the element the ... 即,event.currentTarget指向事件所绑定的元素,而event.target始终

    JavaScript事件 “事件对象”的注意要点

    在触发DOM上的某个事件时,会产生一个事件对象event。 DOM中的事件对象 兼容DOM的浏览器会将一个event对象传入到事件处理程序中。event对象包含与创建它的特定事件有关的属性和方法。除法的事件类型不一样,可用的...

    理解JavaScript事件对象

    在触发DOM上的某个事件时,会产生一个事件对象event。 DOM中的事件对象 兼容DOM的浏览器会将一个event对象传入到事件处理程序中。event对象包含与创建它的特定事件有关的属性和方法。除法的事件类型不一样,可用的...

    js中innerText/textContent和innerHTML与target和currentTarget的区别

    今天小编就为大家分享一篇关于js中innerText/textContent和innerHTML与target和currentTarget的区别,小编觉得内容挺不错的,现在分享给大家,具有很好的参考价值,需要的朋友一起跟随小编来看看吧

    简单了解微信小程序 e.target与e.currentTarget的不同

    主要介绍了微信小程序 e.target与e.currentTarget的区别详解,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下

    HTML5自定义属性的问题分析

    后来发现e对象有currentTarget和target属性,而dataset就在currentTarget中,所以通过e.currentTarget.dataset.id取到了正确的值。 另外data-id="1"最好不要用驼峰命名如:data-Id="1" ,这样有时候也取不到值。 ...

    深入浅出讲解flex中的事件机制

    此往篇文档非常清淅的讲解在flex中的事件机制,告诉你target与currenttarget的区别

    vue.js click点击事件获取当前元素对象的操作

    Vue.js可以传递$event对象 <body id=app> (>点击当前行文本 <li>li2 <li>li3 [removed] new Vue({ el: '#app', data: { message: 'Hello Vue.js!' }, methods: { say: function(msg, event) {...

Global site tag (gtag.js) - Google Analytics