300字范文,内容丰富有趣,生活中的好帮手!
300字范文 > JavaScript得到鼠标指针相对于浏览器页面(或客户区)的水平坐标(兼容ie ff)...

JavaScript得到鼠标指针相对于浏览器页面(或客户区)的水平坐标(兼容ie ff)...

时间:2022-05-01 20:23:13

相关推荐

JavaScript得到鼠标指针相对于浏览器页面(或客户区)的水平坐标(兼容ie ff)...

1.客户区:指的是当前窗口

2.如果页面使用母版页得到的X,Y轴坐标和不使用母版页得到的X,Y轴坐标不相同

varhovertipMouseX;

varhovertipMouseY;

functionhovertipMouseUpdate(e)

{

varmouse=hovertipMouseXY(e);

hovertipMouseX=mouse[0];

hovertipMouseY=mouse[1];

}

functionhovertipMouseXY(e)

{

if(!e)

{

if(window.event)

{

//InternetExplorer

e=window.event;

}

else

{

//totalfailure,wehavenowayofreferencingtheevent

return;

}

}

if(typeof(e.pageX)=='number')

{

//mostbrowsers

varxcoord=e.pageX;

varycoord=e.pageY;

}

elseif(typeof(e.clientX)=='number')

{

//InternetExplorerandolderbrowsers

//otherbrowsersprovidethis,butfollowthepageX/Ybranch

varxcoord=e.clientX;

varycoord=e.clientY;

}

varbadOldBrowser=(window.navigator.userAgent.indexOf('Opera')+1)||

(window.ScriptEngine&&ScriptEngine().indexOf('InScript')+1)||

(navigator.vendor=='KDE');

if(!badOldBrowser)

{

if(document.body&&(document.body.scrollLeft||document.body.scrollTop))

{

//IE4,5&6(innon-standardscompliantmode)

xcoord+=document.body.scrollLeft;

ycoord+=document.body.scrollTop;

}

elseif(document.documentElement&&(document.documentElement.scrollLeft||document.documentElement.scrollTop))

{

//IE6(instandardscompliantmode)

xcoord+=document.documentElement.scrollLeft;

ycoord+=document.documentElement.scrollTop;

}

}

else

{

//totalfailure,wehavenowayofobtainingthemousecoordinates

return;

}

return[xcoord,ycoord];

}

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。