程序博客网 > mac下redis可视化工具

利用jQuery的$.event.fix函数统一浏览器event事件处理的差异

来源：互联网发布：mac下redis可视化工具编辑：程序博客网时间：2024/06/02 21:48

利用jQuery的$.event.fix函数统一浏览器event事件处理的差异

到触发事件的元素引用在IE浏览器下是：event.srcElement，在FF浏览器下则是：event.target，

比如在FF浏览器下得到光标相对页面的位置是event.pageX，而IE浏览器下的处理方式又是不一样的，当然还有一些像“阻止事件冒泡”以及“取消浏览器默认行为”等，不同浏览器也有不同的处理方式，如果我们要使JavaScript在不同的浏览器下能正常处理事件代码，就要分别进行判断处理。现在jQuery 为我们提供了统一兼容处理函数$.event.fix(e)，

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>利用jQuery的$.event.fix函数统一浏览器event处理</title>

<script type="text/javascript" src="http://img.jb51.net/jslib/jquery/jquery.js"></script>

</head>

<body>

<input type="button" value="点击我吧" 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>

mac下redis可视化工具

mac下redis可视化工具

原创粉丝点击

热门问题 老师的惩罚人脸识别我在镇武司摸鱼那些年重生之率土为王我在大康的咸鱼生活盘龙之生命进化天生仙种凡人之先天五行春回大明朝姑娘不必设防，我是瞎子沈阳医保卡丢失怎么办手机液晶屏坏了怎么办三星s7外屏坏了怎么办汽车行驶证丢失怎么办行驶证正本丢失怎么办行驶证大本丢失怎么办驾照过期2年没审怎么办澳洲L牌过期怎么办驾照快过期了怎么办驾驶证丢了怎么办异地驾照过期四个月怎么办驾驶证过期十天怎么办广州驾照快过期怎么办驾照过期半年了怎么办驾驶证过期两年怎么办驾照过期1.5年怎么办驾照三年过期了怎么办驾照证过期了怎么办部队换驾照过期怎么办驾驶证过期5年怎么办驾驶证过期没换怎么办驾照快到期了怎么办驾照考试过期了怎么办 c1驾照到期了怎么办驾驶证快到期了怎么办驾驶证要到期了怎么办驾驶证到期没换怎么办驾驶证到期不换怎么办驾驶证过期10天怎么办上海驾照过期了怎么办忘了换驾驶证怎么办驾驶证没有换证怎么办驾照过期没有换怎么办驾驶证过期1年怎么办杭州驾照过期了怎么办报考驾照过期了怎么办驾校三年过期了怎么办报考驾校过期了怎么办驾驶证到期未审怎么办 b2十二分扣完了怎么办户口迁移后驾照怎么办