用jquery库写就更简单呀,如这样:
$(function(){$('div#libox li')mouseover(function(){alert($(this)find('span')html());});
});
<script language="javascript">
documentonmousemove = function(){
documentgetElementById("out")innerText = eventsrcElementid
}
</script>
<div id="out"></div>
<div id="aa">aa</div>
<div id="bb">bb</div>
IE 下 onMouseDown 事件有个 eventbutton 可以返回一个数值，根据数值判断取得用户按了那个鼠标键 eventbutton==0 默认。没有按任何按钮。eventbutton==1 鼠标左键eventbutton==2 鼠标右键eventbutton==3 鼠标左右键同时按下eventbutton==4 鼠标中键eventbutton==5 鼠标左键和中键同时按下eventbutton==6 鼠标右键和中键同时按下eventbutton==7 所有三个键都按下event要是这个在运行时报错的话就用这个windowevent
稍等上代码！！
<html><head>
<script type="text/javascript">
function show_coords(event){
var x = eventclientX;
var y = eventclientY;
var say = documentall("coords");
sayinnerHTML = "X:"+x+" Y:"+y;
saystyleposition = "absolute";
saystyleleft = x + 30;
saystyletop = y;
}
</script>
</head>
<body onmousemove="show_coords(event)">
<p id="coords"></p>
</body>
<html>
希望我的回答对你有用，有用就采纳！！！谢谢！
吸使用以下几种方式获取：
1PageX/PageX:鼠标在页面上的位置,从页面左上角开始,即是以页面为参考点,不随滑动条移动而变化
2clientX/clientY:鼠标在页面上可视区域的位置,从浏览器可视区域左上角开始,即是以浏览器滑动条此刻的滑动到的位置为参考点,随滑动条移动 而变化
可是悲剧的是,PageX只有FF特有,IE这个悲剧没有啊T_T,所以大牛们想出了一个办法
PageY=clientY+scrollTop-clientTop;(只讨论Y轴,X轴同理,下同)
3screenX/screenY：鼠标在屏幕上的位置,从屏幕左上角开始（w3c标准）
4offsetX/offsetY:IE特有,鼠标相比较于触发事件的元素的位置,以元素盒子模型的内容区域的左上角为参考点,如果有boder,可能出现负值
5
layerX/layerY：FF特有,鼠标相比较于当前坐标系的位置,即如果触发元素没有设置绝对定位或相对定位,以页面为参考点,如果有,将改变参考坐标系,从触发元素盒子模型的border区域的左上角为参考点也就是当触发元素设置了相对或者绝对定位后,layerX和offsetX就幸福地生活在一起^-^,几乎相等,唯一不同就是一个从border为参考点,一个以内容为参考点
chrome和safari一条龙通杀!完全支持所有属性其中(offsetX和layerX都是以border为参考点)
下面这个是获取相对于屏幕的坐标
documentonmousemove=function(e){e=e e:windowevent;documentwriteln("X:"+escreenX+"Y:"+escreenY);}
单纯的JS代码,
oUponmousedown=function()
{
clearInterval(timer);
timer=setInterval(function(){
if(num>=0) num=0;
oImgstyletop=curposition+num+'px';
num += 10;
},30);
}
oUponmouseup=function()
{
clearInterval(timer);
}
在鼠标按下的时候开一个定时器就可以了
以上就是关于js中鼠标移动事件触发时,如何获得当前鼠标所在元素的内容全部的内容，包括:js中鼠标移动事件触发时,如何获得当前鼠标所在元素的内容、javascript 如何得到鼠标指针下面 元素、js怎么区分出点击的是鼠标左键还是右键等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）