有没有办法用dojo / on触发捕获阶段(而不是冒泡的phace)中的事件?
答案 0 :(得分:2)
我最终在这里寻找关于on() - dojo.connect()的前身的信息。对于它的价值,dojo.connect()似乎不支持捕获阶段的事件监听器。它的工作原理是将事件处理程序作为字段添加到DOM节点,例如node["mouseclick"] = ...
因为你必须使用addEventListener在捕获阶段接收事件,我的推论是dojo.connect()不能这样做
您可以做的是将一些事件侦听器添加到dom节点上的自定义对象,然后在这些处理程序上使用dojo.connect()。
<html>
<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/dojo/1.6.1/dojo/dojo.xd.js.uncompressed.js"></script>
<script type="text/javascript">
function forwardCaptureEvent(e) {
var listener = this.captureEventHandlers[e.type];
if (listener != null) listener.apply(this, arguments);
}
function enableCaptureEvent(domNode, eventType) {
if (domNode.captureEventHandlers == null) domNode.captureEventHandlers = {};
var evtHandlers = domNode.captureEventHandlers;
if (evtHandlers[eventType] == null) evtHandlers[eventType] = function(e) {};
domNode.addEventListener(eventType, forwardCaptureEvent, true);
}
function logEvent(label, e) {
dojo.byId("log").innerHTML += label + " " + e.currentTarget.id + " " + e.type + " " + [ '', 'capturing', 'target', 'bubbling' ][ e.eventPhase ] + "<br/>";
}
function logCaptureEvent(e) {
logEvent("capture phase:", e);
}
function logBubbleEvent(e) {
logEvent("bubble phase:", e);
}
window.onload = function () {
enableCaptureEvent(dojo.byId("test"), "click");
dojo.connect(dojo.byId("test").captureEventHandlers, "click", logCaptureEvent);
dojo.connect(dojo.byId("test"), "click", logBubbleEvent);
}
</script>
</head>
<body>
<div id="test" style="background: darkorange; padding: 20px;">
<div style="background: gold; padding: 20px;">
<div style="background: cornsilk; ">Click me.</div>
</div>
</div>
<div id="log"></div>
</body>
</html>
所以这里enableCaptureEvent
和forwardCaptureEvent
是我的帮助函数。 enableCaptureEvent
在我正在讨论的DOM节点上创建捕获事件侦听器的自定义对象,然后forwardCaptureEvent
用于实际接收捕获事件并将它们转发给这些侦听器。
然后,要使用这些帮助程序,请使用DOM节点和要连接的事件的名称调用enableCaptureEvent
。然后连接到它,您连接到DOM节点上的自定义对象,我称之为“captureEventHandlers”。这就是我在onload
处理程序中所做的事情。我也正常dojo.connect
表示这不会影响正常的泡沫事件。
答案 1 :(得分:-2)
是的,有可能,你可以使用方面。 http://livedocs.dojotoolkit.org/dojo/aspect
特别是在之前或之前;)
在
该模块还包括一个在建议之前提供的before函数 一种方法。提供的建议功能将在之前调用 调用main方法。 before函数的签名是:
before(target, methodName, advisingFunction);