本文介绍了DOM0级事件绑定的方法，包括内联模型和脚本模型，并通过实例展示了如何使用这两种方式为HTML元素添加点击事件。此外，还讲解了DOM2级事件绑定的特点，即可以为同一元素添加多个同类型的事件监听器，并分别用W3C标准和IE特有的方法进行了示例说明。
/*DOM0
* 1:内联模型（行内绑定）
* 2：脚本模型（动态绑定）*/
var
div
=
document.getElementById("div");
div.onclick
= function
() {
console.log(1);
};
div.onclick
= function
() {
console.log(2);
}
/*DOM2:可以给同一个元素添加多个同类型事件*/
/*DOM2
* 1：addEventListener W3C
* 2：attachEvent IE*/
/*1:addEventListener三个参数
* 参数1：用来指定事件类型 W3C没有on前缀
* 参数2：用来指定事件处理函数
* 参数3：用来指定事件模型（事件冒泡和事件捕获）*/
/*attachEvent:只有两个参数
* 参数1：用来指定事件类型 IE仍然有on前缀
* 参数2：用来指定事件处理函数*/
var
div
=
document.getElementById("div");
if
(document.addEventListener){
//W3C
div.addEventListener("click",function
() {
alert("W3C")
})
}else
{
//IE
div.attachEvent("onclick",function
() {
alert("IE");
})
}
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
