在JavaScript事件处理中,currentTarget和target属性都与事件触发的位置有关,但它们代表不同的元素: target:target属性指向事件最初发生的元素。它是事件的起源地,也就是直接触发事件的DOM元素。 即使事件冒泡到父元素,target属性仍然保持不变,始终指向最初触发事件的元素。 currentTarget:currentTarget属性指向当前正在处理事件...
JS事件:target与currentTarget区别 target在事件流的目标阶段;currentTarget在事件流的捕获,目标及冒泡阶段。只有当事件流处在目标阶段的时候,两个的指向才是一样的, 而当处于捕获和冒泡阶段的时候,target指向被单击的对象而currentTarget指向当前事件活动的对象(一般为父级)。 1 2 click outer 3 click inner 4 5 ...
这时target和currentTarget均指向的是container元素,因为事件执行的目标和事件绑定的目标是相同的,都是container元素。 alert(e.target.id);//'container' ② 鼠标直接点击box元素,也就是绿色部分 这时target指向的是box元素,而currentTarget指向的是container元素,因为事件执行的直接目标是box元素。 alert(e.target.id);...
1 用最简单的语言总结:target: 代表当前目标对象(事件作用的对象)currentTarget: 代表注册监听器的对象this: 和currentTarget一样,即它们的作用相等。2 ps:什么是“事件作用的对象”?什么是注册监听器的对象? >事件作用的对象: 如果是一个点击事件的话,那么你点击了谁,谁就是这个点击事件的作用...
tagName);} var outer = G("outer");var inner = G("inner");//addEvent(inner, "click", test);addEvent(outer, "click", test); 上⾯的⽰例中,当在outer上点击时,e.target与e.currentTarget是⼀样的,都是div;当在inner上点击时,e.target是p,⽽e.currentTarget则是div。
JS中 target和currentTarget的区别,target:触发事件的元bai素。currentTarget:事件绑定的元素。两者在没有冒泡bai的情况下,是一样的值,du但在用了事件委托的情况下,就不一样了;currentTarget始终是监听事件者,而target是事件的真正发出者。...
target:触发事件的元素。currentTarget:事件绑定的元素。两者在没有冒泡的情况下,是一样的值,但在用了事件委托的情况下,就不一样了,例如: fsda ewre qewe xvc 134 document.getElementById("ulT").onclick = function (event) { console.log(event.target);console.log(event.currentTarget)...
今天我们就来简单谈谈JavaScript的Event事件对象中 target 和 currentTarget 两者之间的区别吧~我们知道,想要获取某事件所绑定的元素,通常我们可以直接使用 this 对象即可。比如:稍微给它们加点样式:页面效果如下:其中绿色盒子 id 为 box ,而红色盒子 id 为 container ,绿盒子是红盒子的子元素。现在,...
target在事件流的目标阶段;currentTarget在事件流的捕获,目标及冒泡阶段。只有当事件流处在目标阶段的时候,两个的指向才是一样的, 而当处于捕获和冒泡阶段的时候,target指向被单击的对象而currentTarget指向当前事件活动的对象(一般为父级)。 click outer<pid="inner"style="background:#9C0">click innerfunction G(...
target是指触发事件的元素,currentTarget是指事件绑定的元素。在没有冒泡的情况下,两个属性值是相同的。但在用了事件委托的情况下,就不一样了,例如: fsda ewre document.getElementById("ulT").onclick = function (event) { console.log(event.target); console.log(event...