我怎样才能模仿stopImmediatePropagation()的行为(不使用jquery)

Question

我正在研究Javascript库的事件处理代码,我正在尝试实现类似于stopImmediatePropagation()的东西,它也适用于IE 6.

事件处理当前的工作方式是,我们的事件处理代码向对象注册,然后用户使用我们的事件处理程序注册所有事件.

我尝试模拟stopImmediatePropagation()的第一种方法是简单地将该方法添加到事件中(如果它尚不存在):

if (event != null && event.isImmediatePropagationEnabled == null) {
    event.stopImmediatePropagation = function () {
        this.isImmediatePropagationEnabled = false;
    };
    event.isImmediatePropagationEnabled = true;
    event.isImmediatePropagationStopped = function () {
        return !this.isImmediatePropagationEnabled;
    };
}

当调用用户的事件处理程序回调时,它们将在我们获得的同一事件对象中传递.如果他们愿意,他们可以在事件上调用stopImmediatePropagation().

当我们循环遍历在我们注册的所有事件处理回调时,我们每次检查传播布尔值:

given some event
for [all the callbacks] {
    if (event != null &&
        event.isImmediatePropagationStopped != null &&
        event.isImmediatePropagationStopped()) {
        stopPropagation = true;
        break;
    }

    execute the callback, passing in the event
}

这在某些浏览器中效果很好.因为事件仍然存在,即使我们的事件处理代码退出并且事件冒泡到下一个元素,一旦我们的事件处理代码再次被命中,isImmediatePropagationStopped属性仍然存在,因此不再执行回调(已向我们注册) .

在Internet Explorer(即使是8)中,这不起作用.在同一个元素上,事情很好; 但是一旦事件冒泡,就好像生成了一个全新的事件对象,我们失去了isImmediatePropagationStopped属性.这意味着我们无法检查用户是否关闭了传播.

所以我的问题是,有没有人对如何做到这一点有任何想法？我知道jquery管理类似的专长(http://bugs.jquery.com/ticket/3355),但他们以类似的方式执行 - 将其存储在对象的额外数据中.我不知道的是对象的非持久性如何不会像对待我一样伤害它们.(由于各种原因,使用jquery本身不是一个选项)

如果有人有任何见解 - 要么因为我对Javascript的了解比我更多,要么因为他们能够想到一个巧妙的方法来做到这一点 - 我会非常感激.谢谢!

Answer 1

尝试稍微改变你的功能:

event.stopImmediatePropagation = function () {
    this.isImmediatePropagationEnabled = false;
    this.cancelBubble = true;
};

"cancelBubble"标志是一个IE的东西,它应该阻止事件冒泡父DOM元素链.