javascript - 原型(prototype) Event.observe 替代方案？

Question

我使用Event.observe方法来绑定(bind)一个事件；此方法在原型(prototype)库中定义。

Event.observe(clickElem, "click", function(event) {
    //operations
});

我将从我的代码中删除 Prototype。

Event.observe 在纯 JavaScript 中是否有替代方案？

Answer 1

是的，标准和旧版 IE 事件处理程序:

// standard
clickElem.addEventListener("click", function(evt) {

}, false);

// legacy IE
clickElem.attachEvent("onclick", function(evt) {

});

通常会看到一些辅助函数来促进跨浏览器事件处理程序。

function addEvent(elem, eventName, fn) {
    if (typeof addEventListener !== "undefined") {
        elem.addEventListener(eventName, fn, false);
    } else {
        elem.attachEvent("on" + eventName, fn);
    }
}

// calling
addEvent(clickElem, "click", function(evt) {
    alert("You clicked me.");
});

如果您不打算使用 Prototype，那么您将不得不自己处理两个事件模型之间的差异。如果您计划使用其他库/框架，那么您将需要使用该库/框架的 API。