jquery笔记：事件对象 event.currentTarget，event.data，event.delegateTarget,event.relatedTarget.......

最新推荐文章于 2025-05-29 14:47:16 发布

peade

最新推荐文章于 2025-05-29 14:47:16 发布

阅读量2.5k

点赞数

CC 4.0 BY-SA版权

分类专栏： JavaScript

本文链接：https://blog.youkuaiyun.com/peade/article/details/54889718

30 篇文章

订阅专栏

本文详细介绍了jQuery中的事件对象，包括event.currentTarget、event.data、event.delegateTarget等属性的作用及使用方法，帮助开发者更好地理解和运用这些特性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在事件冒泡阶段中的当前DOM元素

$("p").click(function(event) {
    alert( event.currentTarget === this ); // true  
});

当前执行的处理器被绑定的时候，包含可选的数据传递给jQuery.fn.bind。

$("a").each(function(i) {
    $(this).bind('click', {index:i}, function(e){
       alert('my index is ' + e.data.index);
    });
  });

当currently-called的jQuery事件处理程序附加元素。

此属性是最经常有用是通过过.delegate() 或.on()附加委派的事件，事件处理程序附加在正在处理的元素的祖先上。它可用于，例如，指明委派识别和删除事件处理程序。

$(".box").on("click", "button", function(event) {
  $(event.delegateTarget).css("background-color", "red");
});

在事件中涉及的其它任何DOM元素。

对于 mouseout 事件，它指向被进入的元素；对于 mousein 事件，它指向被离开的元素。

$("a").mouseout(function(event) {
    alert(event.relatedTarget.nodeName); // "DIV"
  });

这个属性包含了当前事件事件最后触发的那个处理函数的返回值，除非值是 undefined 。

最初触发事件的DOM元素。

这是注册事件时的对象，或者它的子元素。通常用于比较 event.target 和 this 来确定事件是不是由于冒泡而触发的。经常用于事件冒泡时处理事件委托。

这个属性返回事件触发时距离1970年1月1日的毫秒数。

事件类型。

针对键盘和鼠标事件，这个属性能确定你到底按的是哪个键或按钮。

event.which 将 event.keyCode 和 event.charCode 标准化了。推荐用 event.which 来监视键盘输入。