Question

当我将事件附加到元素时，不会调用回调方法。有问题的方法属于一个对象，但似乎我调用它的方式是当click事件发生时没有被调用的方法。

 var myObject = {
     handledrop : function () {

         //retrieved created html element
         var elem = document.getElementById("required");
         elem.addEventListener("click", this.deleteFavorite.bind(this), false);
     },

     //this method isn't being called when click event occurs
     deleteFavorite: function (evt) {
        console.log(evt);
     }
 }

我做错了什么？如何传递正确的上下文，以便调用正确的方法并传递正确的上下文，即事件

Answer 1

一些调试/故障排除提示：

发布html用于＆＃34;必需＆＃34;元件。

检查＆＃34; required＆＃34;你认为你得到的元素是有效的：

var elem = document.getElementById("required");
console.log('elem:',elem);

您还可以迭代其属性以确保该函数存在：

foreach(var property in elem){
    console.log('property:',property);
}

对于跨浏览器支持 - 您可能需要阅读此帖子： addEventListener vs onclick

在作为方法传递的事件侦听器回调时，事件引用未定义

1 个答案: