浏览器之间的事儿

DOM与IE事件处理差异
本文介绍了DOM事件处理与IE事件处理的区别,包括如何绑定事件、传递事件对象等,并对比了两者之间的不同之处。

元素坐标:

event.clientX     event.clientY   //IE

event.clientHeight  event.clientWidth  //chrome firefox

------------------------------------------------------------------------------------------------------------------------------------------------

DOM事件处理和IE事件处理

都可以通过以下方式绑定事件

var btn = document.getElementById('btn');
btn.onclick = function(){
    alert('hello');
}
但DOM可以直接传入事件对象Event

btn.onclick = function(event){
    alert(event.type);//click
}

而IE需取得window的event对象 window.event

btn.onclick = function(){
    var event = window.event;
    alert(event.type);//click
}
DOM的另一种事件绑定方式  addEventListener('click',method,false);第三个参数为是否在捕获阶段触发事件

                                          removeEventListener('click',method,false); 取消绑定

IE的绑定方式:attachEvent('onclick',method);

                      detachEvent('onclick',method);  移除事件

转载于:https://my.oschina.net/xingda1989/blog/27728

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值