DOM0级
添加事件的方式有两种：
1、标签内写onclick事件
<input id="myButton" type="button" value="Press Me" onclick="alert('thanks');" >
2、JS写onlicke=function（）{}函数
document.getElementById("myButton").onclick = function () {
alert('thanks');
}
还用一点，DOM0级添加事件时，后面的事件会覆盖前面的事件！而DOM2级则不会，多个事件都会执行！
DOM2级
添加事件和移除事件的方式只有一种：addEventListener()和removeEventListener()。
document.getElementById("myTest").addEventListener("click", function(){alert(1)}, false);
它有三个参数：
- 1、第一个参数是事件名（如click）
- 2、第二个参数是事件处理程序函数
- 3、 第三个参数如果是true则表示在捕获阶段调用，为false表示在冒泡阶段调用。
只有2级DOM包含3个事件：事件捕获阶段、处于目标阶段和事件冒泡阶段
网友评论