情况:
我拦截事件并将我的数据设置为自定义属性
jQuery("#element_id").click(function(){
event.custom_property = {'any_data'};
});
稍后,这个事件被连接的第三方组件的功能拦截和处理。发生以下情况:
if(e.hasOwnProperty('custom_property')){
//обработка прокинутых данных
}
然而,令我懊恼的是,我的数据没有得到处理。
在调试器中调试后,我设置了e.hasOwnProperty('custom_property')
返回的内容false
并且不进行数据处理。
在检查了事件对象本身之后,我发现这不是原始事件对象,而是由 jQuery 创建的包装器(据我所知),具有相同的数据集,一堆 jQuery 好东西,但没有自定义属性。
原始事件对象也可以在包装器中使用。它位于 originalEvent 属性中。里面已经有我扔的所有数据。
因此,检查e.originalEvent.hasOwnProperty('custom_property')
已经给出了我们需要的结果,但是,由于显而易见的原因,我不能只在第三方组件中进行编辑,因为在第一次更新之后,所有这些华丽都会飞走。
以一种好的方式,您需要将数据扔到 shell 中。
但是,问题是当我处理事件时,我得到的正是原始事件对象。
注意问题:
有没有办法,在使用 jQuery 处理事件时,获取的不是原始事件对象,而是由同一个 jQuery 创建的包装器。
所有处理程序的第一个参数是事件对象。无论是本机处理程序(添加
.addEventListener
)还是 jQuery 处理程序。在这两种情况下,这将是所需的事件对象:在第一种情况下是本地的,在第二种情况下是 jQuery 包装器。
因此,您需要像这样更改代码:
另外,你需要确保这个handler会在拦截器之前执行,否则在检查的时候这个字段仍然是未定义的。