获取事件

来源：互联网发布：网络割接回退方案编辑：程序博客网时间：2024/04/26 13:14

var oEvent=ev||event;

这一句这么写是要兼容各个浏览器，

在FireFox浏览器中，事件绑定的函数要获取到事件本身，需要从函数中传入，而IE等浏览器则可以直接使用event或者window.event得到事件本身。

这一句的用途：需要获取和事件相关的信息时使用。如：

获取键盘按下或弹起的按键
获取鼠标的位置坐标
获取出发改事件的元素
获取事件名称
获取事件当前的传播阶段
获取事件生成的日期时间

至于上面这些怎么获取，可补一下js事件方面的相关函数和属性。

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script type="text/javascript">

window.onload=function(){

document.onclick=function(ev){ //每用一次获取一次

// alert(document.childNodes[0].tagName); // !是doctype声明
//alert(document.childNodes[1].tagName); // html
//alert(document.childNodes.length);
//alert(event.clientX+','+event.clientY); // 谷歌、IE6-11（IE10、11有小数点）（火狐不能用）
//alert(Math.round(ev.clientX)+','+Math.round(ev.clientY));// 谷歌、火狐（IE6-8不能用）
// alert(event.clientX+','+event.clientY); // 谷歌、IE6-11（IE10、11有小数点）（火狐不能用）
// alert(Math.round(ev.clientX)+','+Math.round(ev.clientY)); // 谷歌、火狐（IE6-8不能用）
var oEvent=ev||event ;
alert(oEvent.clientX+','+oEvent.clientY); // 兼容IE6-8和火狐的写法

}

</script>
</head>
<body style="border: 1px solid red;">
<input type="button" name="" id="" value="" />
</body>
</html>

0 0