Question

我在我的javascript代码中调试了一个问题，但是没有正确设置变量。经过一番研究后，我发现变量没有被填充，因为它从一个不存在的事件属性中获取了它的值。在这种情况下，它从event.currentTarget派生它的值，它奇怪地为null。

所以我现在有点困惑。我总是认为event.currentTarget总是指向持有触发事件的侦听器的任何元素。那么在什么情况下event.currentTarget实际上是null？

Answer 1

好吧，我终于弄明白了。

问题在于事件的处理方式。如下所示，事件对象本身不仅要由其各自的处理函数处理;它也将由另一个函数处理，该函数仅在处理程序中进行的AJAX调用成功返回时调用。但是，一旦成功函数在AJAX调用下执行，事件对象就会失去一些上下文，即currentTarget属性。我认为这是因为一旦浏览器开始在success函数中执行代码，我们就不会直接在处理程序的范围内。

$('#element').click(function(e) {

    // bunch of lines of code here

    $.ajax({
       type: 'POST',
       url: // url,
       ...,
       success: function(response) {

           // more lines of code here

           callAnotherFunction(e);
           // When we invoke the above function, we pass the event in as a 
           // parameter, but the event has already lost some of its context
           // due to scope change.
       }
    });

})

event.currentTarget问题

1 个答案: