87,996
社区成员




//鼠标当前坐标
IE:event.x和event.y。
FF:event.pageX和event.pageY。
通用:两者都有event.clientX和event.clientY属性。
//鼠标当前坐标(加上滚动条滚过的距离)
IE:event.offsetX和event.offsetY。
FF:event.layerX和event.layerY。
解决方法:
<script>
function test(event) {
var event = event || window.event;
//or var event = event ? event : window.event;//这2中都可以,也可以用if else(这简写)
var x = event.offsetX || event.layerX;
var y = event.offsetY || event.layerY;
//do Something
}
</script>
<div onmousedown="test(event)"></div>
var dv = document.getElementById("div");
dv.onmousemove = function(){
var event = event || window.event;
dv.style.position = "absolute";
dv.style.top = event.clientX + "px";
dv.style.left = event.clientY + "px";
}
这样就兼容了
关于兼容请看:http://topic.csdn.net/u/20100702/11/0f3f03ed-69a4-46de-a052-993a7084f7b3.html?5092
var d = document.getElementById("div");
d.onmousemove = function(){
d.style.position = "absolute";
d.style.top = event.clientX + "px";
d.style.left = event.clientY + "px";
}
var d = document.getElementById("div");
d.onmousemove = function(){
d.style.position = "absolute";
d.style.top = event.clientX;
d.style.left = event.clientY;
}