您的位置:首页 > 其它

如何给同一个元素添加同类型事件

2017-11-06 14:31 435 查看
/*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");
})
}
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: 
相关文章推荐