我要完成的工作:
我有一个对象数组,每个对象都有对DOM节点的引用,用.getNode()
进行调用。我试图将事件处理程序分配给数组中的每个对象,以便在单击时,alert()
为数组中的给定对象调用.name
。
我尝试过的
我已经分配了一个带有循环的事件,但是我遇到了闭包的麻烦。我现在所拥有的方式是,所有对象共享相同的事件(循环中的最后一个),并且在单击时都发出相同的消息。EventUtil
独立添加事件处理程序浏览器。它不应包含任何错误。
for (var i = 0; i < arrayWithObjects.length; i++) {
EventUtil.addHandler(arrayWithObjects[i].getNode(), "contextmenu", function(event){
event = EventUtil.getEvent(event);
event.preventDefault();
alert('right click on '+arrayWithObjects[i].name);
event.stopPropagation();
});
}
最佳答案
这应该可以解决问题:
for (var i = 0; i < arrayWithObjects.length; i++) {
(function(obj) { // new function scope
EventUtil.addHandler(obj.getNode(), "contextmenu", function(event) {
event = EventUtil.getEvent(event);
event.preventDefault();
alert('right click on ' + obj.name);
event.stopPropagation();
});
})(arrayWithObjects[i]); // pass in current object
}