ie8兼容性问题(五) event对象、e.target和e.preventDefault

event对象

在chrome、firefox等浏览器中，event对象可从事件函数的参数中传入。ie8中须从window对象中获取

$("#btn").click(function(e) { var event = e | window.event; })

target

e.target用于获取当前元素，和this差不多。但是在ie8中，不支持e.target。可以用以下方法来解决。

$("#btn").click(function(e) { var event = e | window.event; var target= event .target || event .srcElement; //获取document 对象的引用 })

preventDefault

e.preventDefault的作用是阻止默认行为，常用于a标记等有默认行为的元素。比如a标签点击时默认跳转链接，就可以用e.preventDefault进行阻止。
a标签的默认跳转行为还可以用下面这种方式来阻止
<a href="javascript:void(0)">跳转到首页</a>
项目中还遇到了一个想了好久才想明白的兼容性问题，button按钮
给button按钮添加点击事件后，点击后弹出弹框，但是按回车后还可以继续弹出弹框。这是因为，当焦点在input或button等表单元素上时，浏览器默认按下回车时触发按钮的点击事件，这时就可以用通用的方法来阻止默认行为了
$("button").click(function(e) { var event = e | window.event; if(e.preventDefault) { event .preventDefault(); }else{ event .returnValue = false; } });

ie8兼容性问题(五) event对象、e.target和e.preventDefault相关推荐

JS Event对象详解
JS Event对象详解参考资料: js添加事件和移除事件:addEventListener()与removeEventListener() Event 对象 Event 对象代表事件的状态,比如事 ...
jsevent(js event对象)
javascript event对象的具体功能是什么 event对象只在事件发生的过程中才有效(比如鼠标点击,键盘按下等). event对象用以表示事件的状态, 触发event对象的元素(event. ...
IE8及其以下,特有js event对象坑
简介: event 对象是 JavaScript 中一个非常重要的对象,用来表示当前事件.event 对象的属性和方法包含了当前事件的状态. 当前事件,是指正在发生的事件:状态,是与事件有关的性质,如 ...
js中Event 对象 target 与 currentTarget的应用
http://www.cnblogs.com/meng1314-shuai/p/7455575.html Event 对象 Event 对象代表事件的状态,比如事件在其中发生的元素.键盘按键的状态.鼠 ...
DOM中Event 对象如何使用
DOM中Event 对象如何使用一.总结一句话总结: 1.将event作为参数传递进来,然后就可以调用event对象的各种属性和方法了. <body onmousedown="wh ...
Day28：Event对象、队列、multiprocessing模块
一.Event对象线程的一个关键特性是每个线程都是独立运行且状态不可预测.如果程序中的其他线程需要通过判断某个线程的状态来确定自己下一步的操作,这时线程同步问题就会变得非常棘手.为了解决这些问题, ...
Unit05： window 常用子对象-2 、 event 对象、 Cookie
[常用BOM对象] - navigator:保存浏览器配置信息的对象: -- cookieEnabled:判断当前浏览器是否启用cookie:(6.html) cookie:是用户在客户端存储数据的文 ...
孤荷凌寒自学python第四十一天python的线程同步之Event对象
孤荷凌寒自学python第四十一天python的线程同步之Event对象 (完整学习过程屏幕记录视频地址在文末,手写笔记在文末) 鉴于Lock锁与RLock锁均宣告没有完全完成同步文件操作的问题,于是 ...
jQuery Event对象的属性和方法
介绍之前先介绍jQuery的一个方法 jQuery.event.fix(event || window.event); 此方法个浏览器的event对象转换为 jQuery.event; 如果您的事件是 ...

ie8兼容性问题(五) event对象、e.target和e.preventDefault

event对象

target

preventDefault

ie8兼容性问题(五) event对象、e.target和e.preventDefault相关推荐

最新文章

热门文章