>  기사  >  웹 프론트엔드  >  요소 및 마우스 position_javascript 기술을 얻기 위한 멀티 브라우저 호환 js 코드

요소 및 마우스 position_javascript 기술을 얻기 위한 멀티 브라우저 호환 js 코드

WBOY
WBOY원래의
2016-05-16 18:39:131006검색
复代码码 代码如下:

//获取元素的位置
function getLeft(obj) {
if (obj == null)
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;
}

반환 수선왼쪽;
};
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;
}
mendingTop을 반환합니다.
};
//获取鼠标的位置
function getMousePosition(event) {
var position = {
MouseX: 0,
MouseY: 0
}
if (event.pageX != 정의되지 않음) {
position.MouseX = event.pageX;
position.MouseY = event.pageY;
}
else {
var target = EventUtil.getTarget(event);
position.MouseX = event.offsetX getLeft(대상);
position.MouseY = event.offsetY getTop(target);

}
반환 위치;
성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.