javascript中怎样判断鼠标是不是在页面上是不是移动了,代码

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了javascript中怎样判断鼠标是不是在页面上是不是移动了,代码相关的知识,希望对你有一定的参考价值。

如题,在线等

给body加一个onmousemove事件就好啦! code:<html xmlns=" http://www.w3.org/1999/xhtml">
<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>
参考技术A <html xmlns=" http://www.w3.org/1999/xhtml">
<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
var ss=0;//计时时间
var now;
var then;
function move()
if(sy!=event.y|| sx!=event.x)
ss=0;
then=new Date();
jishi();

sx=event.x
sy=event.y //重新赋值

function jishi()
now=new Date();
setTimeout('jishi()',50);
ss = now.getTime() - then.getTime();
if(ss==10000)
alert("已经有10秒没有移动了!");


</script>
<body onMouseMove="move()">
</body>
</html>

以上是关于javascript中怎样判断鼠标是不是在页面上是不是移动了,代码的主要内容,如果未能解决你的问题,请参考以下文章

delphi中怎样判断鼠标是不是在panel范围内? panel里含有button等其他控件

javascript如何判断鼠标是不是触发了onmouseover事件

怎样记录网页某一状态时的dom。js随时更改着页面的dom.想查看当变到某一状态时的dom。用firebug可看吗?

在js页面中怎样修改鼠标右键功能?

在Edge里鼠标滚轮一动,页面就前进或后退了。怎样取消这个功能?

Delphi 如何判断鼠标指针是不是在窗口中