您的位置：首页 > 其它

24、事件对象

2016-07-11 20:58 232 查看

event:事件对象 --当事件发生时，存储和该事件相关的一些信息的对象；因此event单独存在，不和事件绑定在一起没有任何意义

不同浏览器的兼容问题；

关于event的兼容性：
ie8- / chrome / ie9+  :  window.event
火狐 / chrome / ie9+ ： 事件函数的第一个形参

兼容代码写法  主要用于兼容ie8-和火狐

document.onclick = function(ev){

    ev = ev || window.event;

    for ( var key in ev ) //遍历event事件所有属性及属性值

    {

         document.write( key + '：' + ev[key] + '<br>' );

    }

}

备注：事件函数不能有实参

<!DOCTYPE HTML>
<html>
<head>
<title>please enter your title</title>
<meta charset="utf-8">
<meta name="Author" content="">
<style type='text/css'>
*{ margin:0; padding:0;}

</style>
</head>
<body style='height:2000px;'>

<script type="text/javascript">
/*
event : 事件对象
当事件发生的时候，存储着和事件相关的一些信息的对象

关于event的兼容性：
ie8- / chrome / ie9+ : window.event
火狐 / chrome / ie9+ ： 事件函数的第一个形参

比较重要属性：
clientX/clientY : 鼠标距离浏览器窗口的距离
pageX/pageY : 鼠标距离页面的距离

*/
//alert( event );//event单独存在，不和事件绑定在一起没有任何意义
document.onclick = function(ev){//ev事件函数的第一个形参,可任意取名
ev = ev || window.event;
for ( var key in ev )
{
document.write( key + '：' + ev[key] + '<br>' );
}
}
</script>
</body>
</html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航