操作jQuery的$.event.fix函数同一赏识器event处理赏罚

发布时间：2018-08-18 10:16:57 所属栏目：业界来源：站长网

导读：做WEB前端开拓的人都知道差异的赏识器对变乱的处理赏罚方法是有区此外，好比获得触发变乱的元素引用在 IE赏识器下是：event.srcElement，在FF赏识器下则是：event.target，其它又好比在FF赏识器下获得光标相对页面的位置是event.pageX，而IE赏识器下的处理赏罚方

做WEB前端开拓的人都知道差异的赏识器对变乱的处理赏罚方法是有区此外，好比获得触发变乱的元素引用在IE赏识器下是：event.srcElement，在FF赏识器下则是：event.target，其它又好比在FF赏识器下获得光标相对页面的位置是event.pageX，而IE赏识器下的处理赏罚方法又是纷歧样的，虽然尚有一些像“阻止变乱冒泡”以及“打消赏识器默认举动”等，差异赏识器也有差异的处理赏罚方法，假如我们要使JavaScript在差异的赏识器下能正常处理赏罚变乱代码，就要别离举办判定处理赏罚。此刻jQuery为我们提供了同一兼容处理赏罚函数$.event.fix(e)，这个函数官方并没有在文档中声名用法，是我在阅读框架代码的时辰发明可以这样行使。

一、怎样行使

行使jQuery的event兼容处理赏罚首要分以下几个简朴步调举办：

1、在网页head区引用jQuery框架库文件；
2、界说一个变乱处理赏罚要领，在挪用的处所同一传入event参数；
3、在变乱要领内部起首操作$.event.fix把旧的变乱转换成新的变乱引用；
4、在变乱要领后头行使颠末兼容处理赏罚后的变乱工具要领和属性。

二、行使示例

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=GBK" /> <title>操作jQuery的$.event.fix函数同一赏识器event处理赏罚</title> <script type="text/javascript" src="http://www.veryhuo.com/uploads/Common/jquery-1.3.2.min.js"></script> </head> <body> <input type="button" value="http://www.veryhuo.com/" onclick="eventHandler(event)" /> <script type="text/javascript"> //请行使差异赏识器测试本页，你将看到一样的功效 function eventHandler(e) { var event = $.event.fix(e); var elem = event.target; alert('当前点击工具的标署名是:' + elem.tagName); alert('当前点击按钮文本是:' + elem.value); alert('pageX:' + event.pageX + ',pageY:' + event.pageY); //获得按键码 event.keyCode //打消赏识器默认举动 event.preventDefault(); //打消变乱冒泡 event.stopPropagation(); //...尚有好些不是很常用属性，这里纷歧一罗列 } </script> </body> </html><br /><center>如不能表现结果，请按Ctrl+F5革新本页，更多网页代码：<a href='http://www.veryhuo.com/' target='_blank'>http://www.veryhuo.com/</a></center>
提醒：可修改儿女码再运行!

（编辑：湖南网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!

宏光MINI GAMEBOY全面	美国初创公司Aquarian
新一代汽车芯片的设计	显示器常见背光种类盘