首页 > 建站教程 > JS、jQ、TS >  js var ev=window.event||ev的作用是什么正文

js var ev=window.event||ev的作用是什么

        经常看到别人写js事件,需要用到event时,都会写上这么一句,var ev=window.event||ev的作用是什么:
        上面的语句可能大家都见过,当然未必是一模一样,只是这个形式而已,不过功能是一样,下面就介绍一下次语句的作用。
        在IE8或者IE8以下的浏览器中,事件处理函数中使用的时间对象是window.event,IE8以上浏览器既可以使用window.event也可以使用传递的事件对象,不过火狐浏览器只能够使用传递的事件对象,所以以上代码主要是为了兼容火狐浏览器,代码实例如下:
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.softwhy.com/" />
<head>
<title>事件对象兼容性问题-蚂蚁部落</title>
<style type="text/css">
#mydiv{
  margin:100px;
  height:100px;
  width:100px;
  background-color:green;
}
</style>
<script type="text/javascript">
window.onload=function(){
  var mydiv=document.getElementById("mydiv");
  var myspan=document.getElementById("myspan");
   
  mydiv.onmousemove=function(ev){
    var ev=ev||window.event;
    myspan.innerHTML="X:"+ev.clientX+"Y:"+ev.clientY;
  }
}
</script>
</head>
<body>
  <div id="mydiv"></div>
  <span id="myspan"></span>
</body>
</html> 
        当鼠标在在div中移动的时候,可以实时的获取当前鼠标的坐标。