您的位置:首页 > Web前端 > JavaScript

Javascript获取鼠标的位置, 获取Html控件的绝对位置的两种方法

2009-11-02 12:00 836 查看
滑鼠游标相对于目前区块边框的距离

event.offsetX、event.offsetY
滑鼠游标相对于目前浏览器边框的距离
event.clientX、event.clientY、event.x、event.y

滑鼠游标相对于目前萤幕边框的距离
event.screenX、event.screenY
获取Html控件的绝对位置的两种方法
function getAbsPoint(e){
var x = e.offsetLeft, y = e.offsetTop;
while (e = e.offsetParent) {
x += e.offsetLeft;
y += e.offsetTop;
}
alert("x:" + x + "," + "y:" + y);
}

function getAbsPoint(obj){
var x, y;
oRect = obj.getBoundingClientRect();
x = oRect.left
y = oRect.top
alert("(" + x + "," + y + ")")
}
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: