如何解决哪些事件附加到元素?
| 如何接收与dojo关联的所有事件?dojo.query(\'#mydiv\') // which events does #mydiv has?
解决方法
要获取有关DOM元素的所有事件:
// Get my div
myDiv = dojo.byId(\"myDiv\");
// Obtain all event-related attributes
var events = dojo.filter(
myDiv.attributes,function(item) {
return item.name.substr(0,2) == \'on\';
}
);
// Execute first found event,just for fun
eval(events[0].value);
如果使用dojo.query获取myDiv,请记住dojo.query返回一个数组,因此您的元素将位于myDiv [0]中。
该解决方案不适用于dojo.connect附带的事件。可能有一种从Dojo内部工作原理中提取此信息的方法,但是您必须深入研究源代码以了解操作方法。
另一个选择是,您可以使用全局注册表显式管理所有dojo.connect事件。您可以使用dojox.collections使其更容易。例如,创建一个全局注册表,其注册表项将是dom节点,值将是dojo.connect返回的句柄(这些句柄包含dom节点,事件类型和要执行的函数):
// On startup
dojo.require(dojox.collections.Dictionary);
eventRegistry = new dojox.collections.Dictionary();
...
// Registering an event for dom node with id=myDiv
var handle1 = dojo.connect(dojo.byId(\"myDiv\"),\"onclick\",null,\"clickHandler\");
// Check if event container (e.g. an array) for this dom node is already created
var domNode = handle1[0];
if (!eventRegistry.containsKey(domNode))
eventRegistry.add(domNode,new Array());
eventRegistry.item(domNode).push(handle1);
...
// Add another event later to myDiv,assume container (array) is already created
var handle2 = dojo.connect(dojo.byId(\"myDiv\"),\"onmouseover\",\"mouseHandler\");
eventRegistry.item(domNode).push(handle2);
...
// Later get all events attached to myDiv,and print event names
allEvents = eventRegistry.item(domNode);
dojo.forEach(
allEvents,function(item) {
console.log(item[1]);
// Item is the handler returned by dojo.connect,item[1] is the name of the event!
}
);
您可以通过创建dojox.collections.Dictionary的子类并合并此检查来隐藏烦人的检查,以查看是否已创建事件容器。使用以下路径创建一个js文件fakenmc / EventRegistry.js,并将其放在dojo,dojox等旁边:
dojo.provide(\'fakenmc.EventRegistry\');
dojo.require(\'dojox.collections.Dictionary\');
dojo.declare(\'fakenmc.EventRegistry\',dojox.collections.Dictionary,{
addEventToNode : function(djConnHandle) {
domNode = djConnHandle[0];
if (!this.containsKey(domNode))
this.add(domNode,new Array());
this.item(domNode).push(djConnHandle);
}
});
使用上面的类,您将不得不使用dojo.require(\'fakenmc.EventRegistry \')而不是\'dojox.collections.Dictionary \',并且可以直接添加dojo连接句柄而无需进行其他检查:
dojo.provide(\'fakenmc.EventRegistry\');
eventRegistry = new fakenmc.EventRegistry();
var handle = dojo.connect(dojo.byId(\"myDiv\"),\"clickHandler\");
eventRegistry.addEventToNode(handle);
...
// Get all events attached to node
var allEvents = eventRegistry.item(dojo.byId(\"myDiv\"));
...
此代码未经测试,但我认为您可以理解。
,如果仅用于调试目的。您可以在Firebug控制台中尝试使用“ 5”,并且即使该函数是匿名的,您也可以看到完整的onclick代码,尽管您可以查看匿名内容。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。