Javascript DOM级别0事件与DOM级别2事件之间的区别是什么?

Javascript DOM级别0事件与DOM级别2事件之间的区别是什么?,javascript,dom-events,Javascript,Dom Events,DOM级别0事件与DOM级别2事件之间的区别是什么?我这样问是因为我被告知Firefox和IE以不同的顺序调用它们,我以前从未听说过这些术语。DOM级别0事件基于在DOM元素上使用元素属性或命名事件的概念,例如: <input type="button" onclick="clickMe();" /> 有了DOM级别2,我们现在有了一种更标准化的事件和订阅管理方法,addEventListener,removeEventListener,等等 你可以在这里读更多 直到IE8,微软才

DOM级别0事件与DOM级别2事件之间的区别是什么?我这样问是因为我被告知Firefox和IE以不同的顺序调用它们,我以前从未听说过这些术语。

DOM级别0事件基于在DOM元素上使用元素属性或命名事件的概念,例如:

<input type="button" onclick="clickMe();" />
有了DOM级别2,我们现在有了一种更标准化的事件和订阅管理方法,
addEventListener
removeEventListener
,等等

你可以在这里读更多


直到IE8,微软才在浏览器中添加了对W3C事件管理标准的支持。不确定它们被调用的顺序……

除了前面的答案完全正确地提到的问题之外,它集中于使用事件处理程序调用函数或执行其他JavaScript的类型(我指的是使用内联注册模型和传统注册模型,而不是使用addEventListener(…),removeEventListener(…)或dispatchEvent(…),此外,为了添加更多信息,DOM级别0与DOM级别2事件模型之间还有另一个很大的区别

通过DOM Level 2事件模型,可以简单地注册具有特定事件(单击或加载,…)的特定对象(例如通过:document.getElementById(“elementId”)),以及任意数量的事件处理程序函数。例如:

<!DOCTYPE html>
<html>
    <body>
        <button id="btn">Test it</button>
        <script>
            document.getElementById("btn").addEventListener("click", function(){alert("first alert");});
            document.getElementById("btn").addEventListener("click", function(){alert("second alert");});
        </script>

    </body>
</html>

测试一下
document.getElementById(“btn”).addEventListener(“单击”,函数(){alert(“first alert”);});
document.getElementById(“btn”).addEventListener(“单击”,函数(){alert(“second alert”);});
这是DOM级别0中的问题之一,它是通过处理的

<!DOCTYPE html>
<html>
    <body>
        <button id="btn">Test it</button>
        <script>
            document.getElementById("btn").addEventListener("click", function(){alert("first alert");});
            document.getElementById("btn").addEventListener("click", function(){alert("second alert");});
        </script>

    </body>
</html>