事件引用在作为方法传递的事件侦听器回调上未定义
Event reference is undefined on event listener callback passed as a method
当我将事件附加到元素时,没有调用回调方法。有问题的方法属于一个对象,但似乎我称之为方法的方式在单击事件发生时没有被调用。
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
相关文章:
- 如何在for循环中添加事件侦听器
- 未命中服务器发送的事件侦听器
- 如何覆盖原型中的事件侦听器
- 无法将事件侦听器附加到画布
- 如何在d3.js中自定义事件侦听器
- 在es6中,将带有回调的事件侦听器设置为可迭代的
- 事件侦听器未在chrome扩展中的options.js中启动
- IE8更改文本区域上的事件侦听器不工作
- 将事件侦听器添加到文档,而不是签入元素存在,然后添加事件侦听器
- javascript删除事件侦听器
- 我应该/如何清除mousemove JQuery事件侦听器
- 在JQuery中使用谷歌地图Api事件/侦听器
- 如何使用我的Jquery代码创建委托事件侦听器
- 'mousemove'画布中的事件侦听器-指针仅在最后一个矩形中更改
- 为什么此事件侦听器不工作
- 是否可以在数字输入框中的小按钮中添加事件侦听器
- 在Google Chrome扩展中添加事件侦听器
- SVG元素在转换后会丢失事件侦听器
- jQuery事件侦听器多次启动
- 如何在不删除类似侦听器的情况下从父对象中删除jQuery事件侦听器