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

finer 2010-07-02 11:33:16
怎样获取鼠标在网页上移动的位置(x,y),然后让div的bottom等于鼠标的x,y.

...全文
163 9 打赏 收藏 转发到动态 举报
AI 作业
写回复
用AI写文章
9 条回复
切换为时间正序
请发表友善的回复…
发表回复
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轴坐标

87,996

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧