我不明白有什么区别,它们看起来是一样的,但我想它们不是。
任何关于何时使用其中一个或另一个的例子都将是非常感谢的。
我不明白有什么区别,它们看起来是一样的,但我想它们不是。
任何关于何时使用其中一个或另一个的例子都将是非常感谢的。
当前回答
e.currentTarget总是事件实际绑定的元素。e.target是事件产生的元素,所以e.target可以是e.currentTarget的子元素,或者e.target可以是=== e.currentTarget,这取决于你的标记是如何构造的。
其他回答
那件事值得注意。Target可能很有用,例如,用于使用单个侦听器来触发不同的操作。假设你有一个典型的“菜单”精灵,里面有10个按钮,所以不要这样做:
menu.button1.addEventListener(MouseEvent.CLICK, doAction1);
menu.button2.addEventListener(MouseEvent.CLICK, doAction2);
etc...
你可以简单地做:
menu.addEventListener(MouseEvent.CLICK, doAction);
并根据事件在doAction(event)中触发不同的操作。目标(使用它的name属性,等等…)
. currenttarget总是返回事件监听器被添加到的组件。
另一方面,e.target可以是组件本身,也可以是接收事件的任何直接子代、孙子代、孙子代等等。换句话说,e.target返回位于Display List层次结构顶部的组件,该组件必须位于子层次结构或组件本身中。
一种用途是当你在Canvas中有几个图像,你想在组件中拖动图像。你可以在Canvas上添加一个监听器,在监听器中你可以编写以下代码来确保Canvas不会被拖拽。
function dragImageOnly(e:MouseEvent):void
{
if(e.target==e.currentTarget)
{
return;
}
else
{
Image(e.target).startDrag();
}
}
e.currentTarget是注册事件的元素(父),e.target是事件指向的节点(子)。
举个例子:
var body = document.body,
btn = document.getElementById( 'id' );
body.addEventListener( 'click', function( event ) {
console.log( event.currentTarget === body );
console.log( event.target === btn );
}, false );
当你点击'btn'时,会出现'true'和'true' !
target is the element that triggered the event (e.g., the user clicked on)
currenttarget is the element that the event listener is attached to.