dojo 哪些事件附加到元素?

r3i60tvu  于 2022-12-16  发布在  Dojo
关注(0)|答案(2)|浏览(127)

如何接收附加到dojo元素的所有事件?

dojo.query('#mydiv') // which events does #mydiv has?
jyztefdp

jyztefdp1#

要获取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", null, "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"), "onclick", null, "clickHandler");
eventRegistry.addEventToNode(handle);
...
// Get all events attached to node
var allEvents = eventRegistry.item(dojo.byId("myDiv"));
...

这段代码没有经过测试,但是我想你已经明白了。

gz5pxeao

gz5pxeao2#

如果它只用于调试目的。你可以在你的Firebug控制台中尝试dijit.byId("myId").onClick.toString();,你可以看到整个onclick代码,即使函数是匿名的,你也可以查看匿名内容的内容。

相关问题