以下是我写的关于onmousemove的例子如果你是用的ie内核浏览器应该可以运行
<html>
<head><title>ss</title></head>
<body></body>
<script>
//当onmousemove发生时调用myTest注意此处myTest没括号
//你也可以在对应的div对象上注册onmousemove，比divID.onmousemove=myTest
document. onmousemove=myTest
function myTest() { //myTest函数
//此处可以掏空替换成你的代码
//以下为输出鼠标x，y轴可以清空替换成你的代码
alert(window.event.pageX+","+window.event.pageY)
}
</script>
</html>
给body加一个onmousemove事件就好啦！ code：<html xmlns=" http://www.w3.org/1999/xhtml"><head>
<meta http-equiv="Content-Type" content="text/htmlcharset=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>
在前段使用JavaScript开发获取鼠标当前位置来计某个功能，如何获取鼠标当前的位置，其实很多人都不知道怎么做，为此我为大家整理推荐了相关的知识，希望大家喜欢。
js设置鼠标位置的方法新建一个html代码页面，在这个html页面找到<body>,然后在这个<body>里创建一个用来显示坐标位置的<div>,并给这个<div>添加一个id。如图
创建<div>的代码：
<div id="point-loc"></div>
使用pageX、pageY获取鼠标当前位置。在<title>标签后面新建一个<script>，创建鼠标移动时获取鼠标当前的位置。如图：
js代码：
<script type="text/javascript">
document.onmousemove = function(e){
var loc = "当前位置 x:"+e.pageX+",y:"+e.pageY
document.getElementById("point-loc").innerHTML = loc
}
</script>
保存html后使用浏览器打开即可看到效果。如图：
4页面所有代码：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>js获取鼠标位置</title>
<script type="text/javascript">
document.onmousemove = function(e){
var loc = "当前位置 x:"+e.pageX+",y:"+e.pageY
document.getElementById("point-loc").innerHTML = loc
}
</script>
</head>
<body>
<div id="point-loc"></div>
</body>
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）