***怎样获取鼠标在网页上移动的位置（x,y），然后让div的bottom等于鼠标的x,y.

Question

怎样获取鼠标在网页上移动的位置（x,y），然后让div的bottom等于鼠标的x,y.

Answer 1

e=e||window.event;
e.clientX  //X轴坐标
e.clientY  //Y轴坐标

Answer 2

div的bottom？
var d = document.getElementById("div");
d.onmousemove = function(){
 d.style.position = "absolute";
 d.style.top = event.clientX;
 d.style.left = event.clientY; 
}

Answer 3

改改var d = document.getElementById("div");
d.onmousemove = function(){
 d.style.position = "absolute";
 d.style.top = event.clientX + "px";
 d.style.left = event.clientY + "px"; 
}

Answer 4

event.clientY不是纵坐标吗？

Answer 5

div怎么挡不住“保存”按钮？如下图：

Answer 6

Z-index  设置的问题IE6 下用 iframe

Answer 7

//鼠标当前坐标    
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

Answer 8

你误会了，只要div可以移到“保存”按钮？处，就可以挡住了，只是位置总移不下来。

Answer 9

进行绝对定位，设置top,left，就可以移到你想要的位置