currentTarget - 相关文章

【currentTarget】的更多相关文章

三言两语之js事件、事件流以及target、currentTarget、this那些事

厉害了我的哥--你是如此简单我却将你给遗忘放假前再看某文档,里边提到两个我既熟悉又陌生的概念target.currentTarget,说他熟悉我曾经看到过这两个事件对象的异同处,说他陌生吧?很不巧.正要运用了,吾才发现吾压根就没记住...其实要讲清楚target.currentTarget,我们就不得不说一下事件流这个概念,而要言明事件流,我们也要晓得一下神马是事件以及一些周边生态概念,这三个概念是必须放在一块说,我们才能对能对这部分的知识有很好的理解滴,网上信息太零散,于是乎就有了这篇算…

js中event的target和currentTarget

js 中的event是个很有用的对象,不同的浏览器,处理方式可能不一样. 我们现在只考虑标准的浏览器的情况 event是表示时间触发的产生的对象,以click事件为例. 由于冒泡的存在,event对象的字段取值,可能不一样. 例如,我们通常用的event.currentTarget,得到click点击的原始对象(如果外层的父元素有click事件,同样触发),因此我们得到的结果是外层的父对象,是因为冒泡的导致. 因此,如果打算得到原始对象,改为target字段. 以下是currentTarget与…

AS3中 Event 类的target和currentTarget属性

在事件处理过程中,会自动生成事件类的实例,并传给侦听器函数.通过这个参数就可以使用事件类的属性和方法.其中target与currentTarget属性是两个很相似的属性. 对于简单的事件处理过程,分清target与currentTarget并没有必要.因为它们一般指向同一个对象.例如,舞台中有一个实例名为mc的影片剪辑实例,通过下面的代码为这个实例注册单击事件. mc.addEventListener(MouseEvent.CLICK,this.test); function test(e:Mo…

【前端】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…

target与currentTarget区别 ( html是弹窗居中的例子)

<!DOCTYPE html> <html> <head> <title></title> <style type="text/css"> body{height:2000px;} div#outer{ background:rgba(0,0,0,0.8); position: fixed; left: 0; top: 0; right: 0; bottom: 0; } div#inner{position: ab…

target和currentTarget的区别

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

事件冒泡和事件捕获以及解释target和currenttarget的区别

冒泡和捕获的区别是冒泡事件是先触发子元素事件,再触发父元素事件,这个是冒泡.捕获是先触发父元素事件,再触发子元素事件.简单的来说,冒泡的顺序是由内到外,捕获的顺序是由外到内举例:<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <style> #son{ width: 200px…

target，currentTarget和this三者的区别

target在事件流的目标阶段:currentTarget在事件流的捕获,目标及冒泡阶段.只有当事件流处在目标阶段的时候,两个的指向才是一样的, 而当处于捕获和冒泡阶段的时候,target指向被单击的对象而currentTarget指向当前事件活动的对象(注册该事件的对象)(一般为父级).this指向永远和currentTarget指向一致(只考虑this的普通函数调用). <div id="outer" style="background:#099">…

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事件：target与currentTarget区别

target在事件流的目标阶段:currentTarget在事件流的捕获,目标及冒泡阶段.只有当事件流处在目标阶段的时候,两个的指向才是一样的, 而当处于捕获和冒泡阶段的时候,target指向被单击的对象而currentTarget指向当前事件活动的对象(一般为父级). 1 <div id="outer" style="background:#099"> 2 click outer 3 <p id="inner" style=&…

对象this、currentTarget和target

在事件处理程序内部,对象this始终等于currentTarget的值,而target则只包含事件的实际目标.如果直接将事件处理程序指定给了目标元素,则this.currentTarget和target包含相同的值.来看下面的例子: var btn = document.getElementById("myBtn"); btn.onclick = function (event) { alert(event.currentTarget === this); //ture …

currentTarget 与 Target 的区别

在一般情况下,target与currentTarget指向的是同一个对象.一般情况是指我们只对某一个独立的mc添加侦听器.如下: var mc:Sprite=new Sprite();addChild(mc);mc.x=300,mc.y=300;mc.graphics.beginFill(0×000000);mc.graphics.drawRoundRect(0,0,50,50,10,10);mc.name=”圆角矩形mc”; mc.addEventListener(MouseEvent.CLI…

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

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

target与currentTarget的区别？

通俗易懂的说法: 比如说现在有A和B, A.addChild(B) A监听鼠标点击事件那么当点击B时,target是B,currentTarget是A 也就是说,currentTarget始终是监听事件者,而target是事件的真正发出者总结: target在事件流的目标阶段:currentTarget在事件流的捕获,目标及冒泡阶段.只有当事件流处在目标阶段的时候,两个的指向才是一样的,而当处于捕获和冒泡阶段的时候,target指向被单击的对象而currentTarget指向当前事件活动的对…

事件触发函数中的this,target,currentTarget,srcElement

要解释其中的区别,首先要理解浏览器的事件机制, 现在主流的浏览器事件基本是先捕获再冒泡,IE浏览器只有冒泡阶段事件是在冒泡阶段触发的看看这个HTML 当我点击"我是父节点的时候". 事件是从 body->#parent->#child(捕获阶段) 然后(冒泡阶段) #child->#parent(触发事件)->body 好事件机制了解了,看看下面的定义 this 指触发事件的节点, e.target …

target,currentTarget,delegateTarget,srcElement

第一种情况:就是IE9+和其他现代浏览器,支持addEventListener方法.其结果是: this总是等于currentTarget currentTarget总是事件监听者 target总是事件发起者第二种情况:就是IE678,使用attachEvent方法注册事件.其结果是: this总是等于window target和currentTarget总是undefined,也就是未定义 IE专有的srcElement,含义和上面的target一致.总是等于事件发起者第三种情况:使用jq…

target vs currentTarget, clientWidth vs offsetWidth

width: document < window(browser) < screen document--> clientWidth < offsetWidth(include border) target < currentTarget…

事件：target与currentTarget区别

target在事件流的目标阶段:currentTarget在事件流的捕获,目标及冒泡阶段.只有当事件流处在目标阶段的时候,两个的指向才是一样的, 而当处于捕获和冒泡阶段的时候,target指向被单击的对象而currentTarget指向当前事件活动的对象(一般为父级). 1 <div id="outer" style="background:#099"> 2 click outer 3 <p id="inner" style=&…

e.currentTarget

e.target总是指向点击的目标 e.currentTarget会指向这个点击标的冒泡对象 <div class="wrap"> wrap <div class="inner">inner</div> </div> </body> <script type="text/javascript"> $(function(){ $(".wrap").click…

Flex的 Event中属性currentTarget与target的区别

Flex的 Event中属性currentTarget与target的区别 1.区别 (1)currentTarget是事件的处理对象(event processor) (2)target是事件的调用对象(event dispatcher) 2.实例说明 (1)设计源码 <?xml version="1.0" encoding="utf-8"?> <s:Application xmlns:fx="http://ns.adobe.com/m…

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…