计入学习总结javascript事件

本文详细介绍了在不同浏览器(IE与Firefox)中处理鼠标事件时遇到的兼容性问题,包括事件对象属性如相对于浏览器位置的clientX/clientY、相对于屏幕位置的screenX/screenY及相对于事件源位置的offsetX/offsetY与layerX/layerY等。同时,还对比了IE与Firefox在添加和删除事件监听器的方法差异。

 

<    还是会有很多兼容性的需要,分清IE和FF不同的兼容需要;才能保证程序正常的运行        >

 

1.关于鼠标事件的事件对象

相对于浏览器位置的
clientX:

    当鼠标事件发生的时候,鼠标相对于浏览器X轴的位置
clientY:

    当鼠标事件发生的时候,鼠标相对于浏览器Y轴的位置

相对于屏幕位置的
screenX:  

    当鼠标事件发生的时候,鼠标相对于屏幕X轴的位置
screenY:

     当鼠标事件发生的时候,鼠标相对于屏幕Y轴的位置

相对于事件源的位置
IE:
offsetX :

    当鼠标事件发生的时候,鼠标相对于事件源X轴的位置
offsetY :

    当鼠标事件发生的时候,鼠标相对于事件源Y轴的位置

FF:
layerX :

    当鼠标事件发生的时候,鼠标相对于事件源X轴的位置
laterY :

    当鼠标事件发生的时候,鼠标相对于事件源Y轴的位置

2.IE:
对象.attachEvent("事件处理名称",函数) 添加
对象.detachEvent("事件处理名称",函数) 删除

FF:
对象.addEventListener(“事件名称”,函数名,布尔值(true或false)) 添加
对象.removeEventListener(“事件名称”,函数名,布尔值(true或false)) 删除

 

转载于:https://www.cnblogs.com/luoyao19910515/p/4662766.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值