【前端】event.target 和 event.currentTarget 的区别

【【前端】event.target 和 event.currentTarget 的区别】的更多相关文章

【前端】event.target 和 event.currentTarget 的区别

event.target 和 event.currentTarget 的区别举例说明: <!DOCTYPE html> <html> <head> <title></title> <style> div { margin: 1rem; padding: 1rem; } #a {background-color: #f00;} #b {background-color: #0f0;} #c {background-color: #00…

event.target 和 event.currentTarget 的区别

event.target This property of event objects is the object the event was dispatched on. It is different than event.currentTarget when the event handler is called in bubbling or capturing phase of the event. event.currentTarget Identifies the current t…

e.target与e.currentTarget的区别，事件冒泡与事件捕获，事件委托

e.target与e.currentTarget的区别:https://www.jianshu.com/p/1dd668ccc97a 事件冒泡与事件捕获 :https://www.jianshu.com/p/114954ad8fad 事件委托:https://www.jianshu.com/p/ac47521806d2…

event.target和event.currentTarget区别

首先本质区别是: event.target返回触发事件的元素 event.currentTarget返回绑定事件的元素…

Event.target和Event.currentTarget的区别

event.target和event.currentTarget的区别----0605加深理解

target:触发事件的元素.currentTarget:事件绑定的元素.两者在没有冒泡的情况下,是一样的值,但在用了事件委托的情况下,就不一样了,例如: <ul id="ulT"> <li class="item1">fsda</li> <li class="item2">ewre</li> <li class="item3">qewe</li&g…

JavaScript Event Delegation, and event.target vs. event.currentTarget

原文:https://medium.com/@florenceliang/javascript-event-delegation-and-event-target-vs-event-currenttarget-c9680c3a46d1 In this case, at the time you call console.log(e), there's a DOM element in the currentTarget property. But sometime later, that pro…

js中event.target和event.srcElement的区别

看了很多资料绝对结果就是 firefox 下的 event.target = IE 下的 event.srcElement jquery中的event.target属性的作用是获取到出发事件的元素.jQuery对其封装后,避免了W3C.IE和safari浏览器不同标准的差异.…

e.target与e.currentTarget的区别

在DOM事件对象中有两个属性总是时不时的困扰我,就是target和currentTarget,有时候很迷惑分不清两者的区别,因此有必要把这两个属性好好梳理一下,加深理解,以便日后的查询. MDN中对target的解释为,一个触发事件的对象的引用, 当事件处理程序在事件的冒泡或捕获阶段被调用时. 而对于currentTarget,它指的是当事件遍历DOM时,标识事件的当前目标.它总是引用事件处理程序附加到的元素,而不是event.target,它标识事件发生的元素. 举个例子来说明. 事件冒泡阶段…

捕获当前事件作用的对象event.target和event.srcElement

语法: //返回事件的目标节点(触发该事件的节点). event.target //FF,Chrome event.srcElement //IE 栗子: var oDiv=document.getElementById("div1"); oDiv.onclick=function (ev) { var oEvent=ev||event; //oEvent.target ie7以下不兼容 if (oEvent.target) { console.log(oEvent.target.id…

event.target与event.srcElement

target 事件属性可返回事件的目标节点(触发该事件的节点),如生成事件的元素.文档或窗口. 在标准浏览器下我们一般使用event.target就能解决,然而低版本IE浏览器总是会出些幺蛾子,这时候就得使用event.srcElement. 这时候就得有一个兼容性的写法了. 1.使用三元运算符 var Target = event.target ? event.target : event.srcElement 2.使用if语句来判断 if(event.target){ // IE10及以下版…

微信小程序——e.target与e.currentTarget的区别

在小程序的点击事件中,我们经常使用这两个属性来传参,看起来效果一样,查了官方文档如下: target:事件源组件对象 currentTarget:当前组件对象什么意思?我刚开始就有点不懂,那就直接上代码: <view id="outter" bindtap="tap1"> outer view <view id="middle" bindtap="tap2"> middle view <view…

event.srcElement与event.target的区别

window.event.srcElement与window.event.target 都是指向触发事件的元素,它是什么就有什么样的属性 srcElement是事件初始化目标html元素对象引用,因为事件通过元素层次冒泡,可以在任意一层进行处理, 有了元素的引用,就可以读写改元素的属性. IE浏览器支持window.event.srcElement , 而firefox支持window.event.target: event.srcElement从字面上可以看出来有以下关键字:事件,源他的意思…

【Jquery】this和event.target的区别

1.js中事件是会冒泡的,所以this是可以变化的,但event.target不会变化,它永远是直接接受事件的目标DOM元素: 2.this和event.target都是dom对象,如果要使用jquey中的方法可以将他们转换为jquery对象:$(this)和$(event.target); ex: js代码 $(function(){ $("li").live("click",function(event){ $("#temp").html(&…

target和currentTarget的区别

target在事件流的目标阶段:currentTarget在事件流的捕获,目标及冒泡阶段.只有当事件流处在目标阶段的时候,两个的指向才是一样的, 而当处于捕获和冒泡阶段的时候,target指向被单击的对象而currentTarget指向当前事件活动的对象(注册该事件的对象)(一般为父级).this指向永远和currentTarget指向一致(只考虑this的普通函数调用). 开始学习Flex,会在别人的代码中经常看到target和currentTarget这两个属性,一般是event.targe…

[转]jquery中使用event.target的几点

转自: http://www.cnblogs.com/12go/archive/2011/12/28/2304502.html 1.this和event.target的区别: js中事件是会冒泡的,所以this是可以变化的,但event.target不会变化,它永远是直接接受事件的目标DOM元素: 2.this和event.target都是dom对象,如果要使用jquey中的方法可以将他们转换为jquery对象:$(this)和$(event.target); 比如:event.target和$…

jquery中使用event.target的几点

jquery中使用event.target的几点 1.this和event.target的区别: js中事件是会冒泡的,所以this是可以变化的,但event.target不会变化,它永远是直接接受事件的目标DOM元素: 2.this和event.target都是dom对象,如果要使用jquey中的方法可以将他们转换为jquery对象:$(this)和$(event.target); 比如:event.target和$(event.target)的使用: < !DOCTYPE html PUBL…

小结event.target与this

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> .box1 { width: 200px; height: 200px; backgro…

event.target指向谁？

学习中,有时遇到event.target,总是不明白为什么要用target,后来学习了下,大概了解了event.target到底指什么元素了,关于event和this的内容,下回再说: 先摆结论:event.target指向事件执行时鼠标所点击(假设是click事件)区域的那个元素.如果事件绑定的元素内部有子元素,那么event.target指向这个子元素,如果没有,event.target指向事件所绑定的元素.看代码: <html> <head> <title>pra…

偶遇event.target

今天在学习其他人代码的时候见到了event.target.nodeName,event.target.dataset.刚开始是一头雾水,便google一下.发现大多数给出的词条都是有关jQuery事件中的target属性,半天也没有找到js中event.target到底还有哪些用法.找着找着就觉得自己怎么这么傻..for in 一下自己找不就好了..代码如下: <!DOCTYPE html> <html> <head> <title></title&g…

event.target的第一次

今天在学习其他人代码的时候见到了event.target.nodeName,event.target.dataset.刚开始是一头雾水,便google一下.发现大多数给出的词条都是有关jQuery事件中的target属性,半天也没有找到js中event.target到底还有哪些用法.找着找着就觉得自己怎么这么傻..for in 一下自己找不就好了..代码如下: <!DOCTYPE html> <html> <head> <title></title&g…

window.event.srcElement与window.event.target 触发事件的元素触发事件对象的获取，window.event与时间函数参数的event是同一个事件对象

判断事件触发的元素: var tag = window.event.target || window.event.srcElement; if (tag.tagName.toLowerCase() == "input") { return; } window.event.srcElement与window.event.target 都是指向触发事件的元素,它是什么就有什么样的属性 srcElement是事件初始化目标html元素对象引用,因为事件通过元…

Event对象中的target属性和currentTarget属性的区别

先上结论: Event.target:触发事件的元素: Event.currentTarget:事件绑定的元素: 通过下面的例子来理解这两个属性的区别: 使用Event.target属性的例子:(我在<body>和<button>上都绑定了click事件) <body onclick="mouseEvent1()"> <button onclick="mouseEvent2()">点我</button> &…

JavaScript事件属性event.target和currentTarget 属性的区别。

event.target 获取的是触发事件的标签元素 event.currentTarget 获取到的是发起事件的标签元素一.事件属性:event.target target事件委托的定义:本来该自己干的事,但是自己不干,交给别人来干例子1 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type=&q…

js中event的target和currentTarget的区别

js中的event对象包含很多有用的信息 target:触发事件的元素. currentTarget:事件绑定的元素. 两者在没有冒泡的情况下,是一样的值,但在用了事件委托的情况下,就不一样了,例如: <ul id="ulT"> <li class="item1">fsda</li> <li class="item2">ewre</li> <li class="item3…

关于js中event的target和currentTarget的区别

今天又遇到这个问题了,总是搞不清楚target和currentTarget的区别,百度搜索的时候看到一遍文章解释得很清楚,特意记录下录,以备不时之需: target与currentTarget的区别? 通俗易懂的说法: 比如说现在有A和B, A.addChild(B) A监听鼠标点击事件那么当点击B时,target是B,currentTarget是A 也就是说,currentTarget始终是监听事件者,而target是事件的真正发出者总结: target在事件流的目标阶段:currentT…

jquery this 和 event.target 区别

1.this和event.target的区别: js中事件是会冒泡的,所以this是可以变化的,但event.target不会变化,它永远是直接接受事件的目标DOM元素: 2.this和event.target都是dom对象,如果要使用jquey中的方法可以将他们转换为jquery对象:$(this)和$(event.target); JavaScript:this是什么? 定义:this是包含它的函数作为方法被调用时所属的对象. 说明:这句话有点咬嘴,但一个多余的字也没有,定义非常准确,我们可…