是否可以为 jQuery 事件对象添加自定义属性？

Question

示例代码如下：

$('a').mousedown(function(event)
   {
            event.ABC = true;

   });

$(window).mousedown(function(event)
    {
        console.log("event.ABC:",event.ABC);
         //outputs "undefined "

        if( event.ABC)
        {
          // do sth
        } 
        else
        {
            //let it go  
        }


    });

Answer 1

试试这个

 $("*").mousedown(function(e){
e.ABC = "abcdef";
}); //place this code first

，然后你就可以像这样使用它

$("yourSelector").mousedown(function(e){
警报（e.ABC）； //>> abcdef
});

示例

Answer 2

其他人提到，每次回调都会重新创建 jQuery 事件，这就是为什么添加到 jQuery 事件的任何属性都会丢失。

但是，jQuery 事件有一个 originalEvent 属性，该属性确实在整个事件传播阶段持续存在。

您可以只执行 event.originalEvent.ABC，而不是 event.ABC。

注意：如果您打算广泛使用此功能，您可能需要添加 myAppData 属性来存储所有数据，即 event.originalEvent.myAppData.ABC。这样可以轻松识别哪些事件属性是您的自定义属性，并且还可以减少名称冲突的可能性。

Answer 3

虽然我不确定你到底想做什么，但我猜如果你不必弄乱事件对象，事情会容易得多。只需在单击 时设置一个标志变量：

var eventABC = false;

$('a').mousedown(function() {
        eventABC = true;
});

$(window).mousedown(function() {
    console.log("eventABC:", eventABC);
    //outputs true if <a> clicked, false otherwise

    if(eventABC) {
      // do sth
    } else {
        //let it go  
    }

    eventABC = false;
});

但您可以在 jQuery 中触发事件。就像这样：

$('a').click(function() {
    $(window).trigger("eventABC", ['CustomProperty1', 'CustomProperty2']);
    return false;
});

$(window).bind('eventABC', function(event, param1, param2) {
    alert("eventABC triggered: " + param1);
});

Answer 4

您的示例遇到的问题是事件对象是为每个回调重新创建的，它不是传递给每个事件回调函数的全局对象。

您最好的选择可能是在适当的范围级别创建您自己的 EventArgs 对象，并向其中添加您需要的所有属性。

Answer 5

输出是未定义的，因为每当触发事件时就会创建新的事件对象。您刚刚修改了一些不同的事件对象。不幸的是，除了重写 jQuery 之外，没有办法做到这一点。 ;) 尝试使用其他一些（全局）变量/对象。

Answer 6

您可以向事件对象添加附加数据。

$('a').bind('mousedown',{ABC:true},function(event)
  alert(event.data.ABC);
});

然而，该数据仅在该事件处理程序中可用，而不是绑定到窗口的数据。