当我将事件附加到元素时,回调方法没有被调用。有问题的方法属于一个对象,但似乎我调用它的方式在单击事件发生时并未调用该方法。
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);
}
}
我做错了什么?如何传递正确的上下文以便调用正确的方法并传递正确的上下文(即事件)
最佳答案
一些调试/故障排除技巧:
- 发布“必需”元素的 html。
检查您认为获得的“必需”元素是否有效:
var elem = document.getElementById("required"); console.log('elem:',elem);
您还可以迭代其属性以确保该函数存在:
foreach(var property in elem){ console.log('property:',property); }
对于跨浏览器支持 - 您可能需要阅读这篇文章: addEventListener vs onclick
关于javascript - 作为方法传递的事件监听器回调上的事件引用未定义,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34374005/