手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >多浏览器兼容的获取元素和鼠标的位置的js代码
多浏览器兼容的获取元素和鼠标的位置的js代码
摘要:复制代码代码如下://获取元素的位置functiongetLeft(obj){if(obj==null)returnnull;varmend...

复制代码 代码如下:

//获取元素的位置

function getLeft(obj) {

if (obj == null)

return null;

var mendingObj = obj;

var mendingLeft = mendingObj.offsetLeft;

while (mendingObj != null && mendingObj.offsetParent != null && mendingObj.offsetParent.tagName != "BODY") {

mendingLeft = mendingLeft + mendingObj.offsetParent.offsetLeft;

mendingObj = mendingObj.offsetParent;

}

return mendingLeft;

};

function getTop(obj) {

if (obj == null)

return null;

var mendingObj = obj;

var mendingTop = mendingObj.offsetTop;

while (mendingObj != null && mendingObj.offsetParent != null && mendingObj.offsetParent.tagName != "BODY") {

mendingTop = mendingTop + mendingObj.offsetParent.offsetTop;

mendingObj = mendingObj.offsetParent;

}

return mendingTop;

};

//获取鼠标的位置

function getMousePosition(event) {

var position = {

MouseX: 0,

MouseY: 0

}

if (event.pageX != undefined) {

position.MouseX = event.pageX;

position.MouseY = event.pageY;

}

else {

var target = EventUtil.getTarget(event);

position.MouseX = event.offsetX + getLeft(target);

position.MouseY = event.offsetY + getTop(target);

}

return position;

【多浏览器兼容的获取元素和鼠标的位置的js代码】相关文章:

JS实现浏览器菜单命令

js实现异步循环实现代码

JS函数实现鼠标指向图片后显示大图代码

些很实用且必用的小脚本代码

JavaScript 定时器 SetTimeout之定时刷新窗口和关闭窗口(代码超简单)

IE浏览器下PNG相关功能

列表内容的选择

让插入到 innerHTML 中的 script 跑起来的实现代码

JS实现简洁、全兼容的拖动层实例

鼠标图片振动代码

精品推荐
分类导航