您的位置：首页 > 其它

判断鼠标移动事件

2015-08-29 17:04 471 查看

<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>判断鼠标移动</title>
</head>
<script language="javascript">
var sx=event.x                          //声明两个变量存放鼠标X,Y坐标
var sy=event.y
function aa(){
if(sx==event.x){
zc.innerHTML="鼠标X轴没有移动 "                  //对鼠标X轴进行判断
}else if(sx>event.x){
zc.innerHTML="鼠标X轴左移 "
}else if(sx<event.x){
zc.innerHTML="鼠标X轴右移 "
}

if(sy==event.y){
zz.innerHTML="鼠标Y轴没有移动 "
}else if(sy>event.y){
zz.innerHTML="鼠标Y轴上移 "                     //对鼠标Y轴进行判断
}else if(sy<event.y){
zz.innerHTML="鼠标Y轴下移 "
}
sx=event.x
sy=event.y                                         //重新赋值
}
</script>
<body onMouseMove="aa()">                <!--鼠标移动时调用函数-->
<span id="zc"> </span>
<span id="zz"></span>
<br/>
<br/>
<br/>
<br/>
鼠标放在页面上移动
</body>
</html>

转自http://biancheng.dnbcw.info/net/175111.html

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航