1

一些简单的事件驱动代码。无论出于何种原因，我似乎都无法将“onchange”作为参数传递给 fireEvent()。在 ie 7/8 中给我一个无效的参数错误。这个项目需要是原生的。一点帮助？

自定义事件创建：

    createCustomEvent : function(eventName) {
        var evt;
        if(document.createEvent) {
            evt = document.createEvent('CustomEvent');
            evt.initEvent(eventName, true, true);
        }else if(document.createEventObject) {
            evt = document.createEventObject();
            evt.eventName = eventName;
        }
        return evt;
    },
    dispatchCustomEvent : function (el, evt) {
        if(el.dispatchEvent) {
            el.dispatchEvent(evt);
        }else if(el.fireEvent) {
            console.log('on'+evt.eventName); //onchange
            el.fireEvent('on'+evt.eventName, evt);
        }
    }

用法：

dispatchCustomEvent(element, createCustomEvent('change'));
4

1 回答 1

0

好的，所以根据大多数文档，更改事件将在任何元素上触发，我引用：“当元素失去焦点并且其值在获得焦点后发生更改时触发更改事件。”

https://developer.mozilla.org/en-US/docs/DOM/Mozilla_Event_Reference/change

但是，在 <= ie8 中，onchange不会在表单元素之外的任何元素上触发。这是令人难以置信的跛脚 imo，并使现代 MVC 自定义事件的侦听和调度成为一个问题。

长话短说，在我的例子中，我使用了blur事件来捕获对我的 div 元素的更改。这对我有用，因为在 div 元素更新之间删除了焦点。这是一个幻灯片应用程序，其中两个 div 弹出和弹出堆栈，从左到右取决于当前位置。

于 2013-04-12T12:25:21.183 回答