ホームページ  >  記事  >  ウェブフロントエンド  >  要素とマウスの位置を取得するためのマルチブラウザー互換の JS コード_JavaScript スキル

要素とマウスの位置を取得するためのマルチブラウザー互換の JS コード_JavaScript スキル

WBOY
WBOYオリジナル
2016-05-16 18:39:131006ブラウズ
复制代字代码如下:

//获取元素の位置
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 != 未定義) {
position.MouseX = events.pageX;
位置.マウスY = イベント.ページY;
}
else {
var target = EventUtil.getTarget(event);
position.MouseX =event.offsetX getLeft(target);
position.MouseY =event.offsetY getTop(target);

}
位置を戻します。
声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。