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

event.currentTarget

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

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

event.data

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

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

event.delegateTarget

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

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

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

event.relatedTarget

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

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

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

event.result

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

event.target

最初触发事件的DOM元素。

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

event.timeStamp

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

event.type

事件类型。

event.which

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

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




已标记关键词 清除标记
©️2020 CSDN 皮肤主题: 大白 设计师:CSDN官方博客 返回首页