js-事件1_事件对象event/ev 兼容性及其简易写法
2015-10-26 01:23
495 查看
一、事件对象
IE下,事件对象是event,FF下,事件对象有系统传入的一个参数代替,如:document.onclick=function(ev){},其中参数ev 就代表了事件对象。当然,参数名可以随便去。不过,我们习惯性的取为ev。
1、事件对象的兼容性处理
由于在IE/FF下,事件对象有所不同,这就造成了兼容性问题。在IE下可以使用event,但是在FF下不行。那么,处理此类兼容性问题,最直接的办法就是if语句判断。代码如下:
document.onclick=function(ev){
if(ev){ //如果ev存在,目标浏览器为FF
alert(ev.clientX);
}
else{
alert(event.clientX);
}
}
简易写法:var oEvent=ev||event;
IE下,事件对象是event,FF下,事件对象有系统传入的一个参数代替,如:document.onclick=function(ev){},其中参数ev 就代表了事件对象。当然,参数名可以随便去。不过,我们习惯性的取为ev。
1、事件对象的兼容性处理
由于在IE/FF下,事件对象有所不同,这就造成了兼容性问题。在IE下可以使用event,但是在FF下不行。那么,处理此类兼容性问题,最直接的办法就是if语句判断。代码如下:
document.onclick=function(ev){
if(ev){ //如果ev存在,目标浏览器为FF
alert(ev.clientX);
}
else{
alert(event.clientX);
}
}
简易写法:var oEvent=ev||event;
相关文章推荐
- 使用unslider.js图片轮播插件创建一个能轮播24节气的网页
- javascript字符串
- 第六章:javascript:字典
- javascript基本使用 11 ------垃圾收集和块级作用域
- JSP中response.setContentType和response.setCharacterEncoding区别分析
- JSP页面中超链接传递中文参数出现乱码问题解决方法
- 详解JavaScript编程中的window与window.screen对象
- JS基于VML技术实现的五角星礼花效果代码
- javaScript实现可缩放的显示区效果代码
- JS响应鼠标点击实现两个滑块区间拖动效果
- JS实现的鼠标跟随代码(卡通手型点击效果)
- JS实现的页面自定义滚动条效果
- 基于javascript实现漂亮的页面过渡动画效果附源码下载
- 如何实现JavaScript动态加载CSS和JS文件
- JavaScript中的数据类型转换方法小结
- JavaScript编程中window的location与history对象详解
- jsp页面实现文件上传下载
- JSTL
- JavaScript 解决浮点值运算Bug
- 例说javascript作用域