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

2010-07-02 11:33:16 203 阅读 AI 写同款 · GEO 优化AI 选题数据监测一键分发 ›

Synopsys工具链实战：如何用VCS、DC、ICC和Calibre跑通你的第一个数字IC设计项目？本文详细介绍了如何使用Synopsys工具链（VCS、Design Compiler、ICC和Calibre）完成数字IC设计项目，从RTL代码到GDSII版图的全流程。涵盖环境配置、RTL设计验证、逻辑综合、物理实现及签核验证等关键步骤，帮助工程师掌握高效的数字IC设计流程。阅读详情

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

...全文

javascript 事件处理、鼠标拖动效果实现方法详解在经历了漫长的时期，终于下定了决心自己写一个层的拖动。当然了，其它的拖动也是这样的思路和做法，或者说，这样的拖动适合所有的可见元素立即下载

finer

JavaScript 87,983 成员 224,681 内容

+ 关注 + 加入社区

切换为时间正序

hibin101 2010-07-02

打赏
举报

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

finer 2010-07-02

打赏
举报

[Quote=引用 6 楼 vnetcbd 的回复:]
Z-index 设置的问题

IE6 下用 iframe
[/Quote]

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

hoojo 2010-07-02

打赏
举报



//鼠标当前坐标    

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

vnetcbd 2010-07-02

打赏
举报

Z-index 设置的问题

IE6 下用 iframe

finer 2010-07-02

打赏
举报

div怎么挡不住“保存”按钮？

如下图：

finer 2010-07-02

打赏
举报

[Quote=引用 3 楼 soldierluo 的回复:]
改改

JScript code

var d = document.getElementById("div");
d.onmousemove = function(){
d.style.position = "absolute";
d.style.top = event.clientX + "px";
d.style.left = event.clientY + "px";……
[/Quote]

event.clientY不是纵坐标吗？

soldierluo 2010-07-02

打赏
举报

改改



var d = document.getElementById("div");

d.onmousemove = function(){

 d.style.position = "absolute";

 d.style.top = event.clientX + "px";

 d.style.left = event.clientY + "px"; 

}

soldierluo 2010-07-02

打赏
举报

div的bottom？



var d = document.getElementById("div");

d.onmousemove = function(){

 d.style.position = "absolute";

 d.style.top = event.clientX;

 d.style.left = event.clientY; 

}

vnetcbd 2010-07-02

打赏
举报

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

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

相关推荐