js 关于鼠标在页面中座标显示-JavaSript-爱易网页

日期：2014-05-16　浏览次数：20493 次

js 关于鼠标在页面中坐标显示

<html>??
<head>??
</head>? ??
<body>? ??
<script?type="text/javascript">? ??
function?mouseCoordination(michael){? ??
????//以下主要是对不同浏览器进行兼容操作 ??
?????if(michael.pageX?||?michael.pageY){? ??
//IE不支持pageX之类的?这里主要是对于chrome?和firefox之类的浏览器 ??
??????return?{x:michael.pageX,?y:michael.pageY};? ??
??????}? ??
??????else?return?{? ??
//以下是IE浏览器的操作动作?至于为什么这么写?待会看图就会明白 ??
???????x:michael.clientX?+?document.body.scrollLeft?-?document.body.clientLeft,? ??
???????y:michael.clientY?+?document.body.scrollTop??-?document.body.clientTop? ??
???????};? ??
??????? ??
}? ??
??
function?mouseMove(michael){? ??
???michaelmichael?=?michael?||?window.event;?//不知为什么?显示出来?就是多了个michael?应该前面变量只有一个michael的 ??
????var?mouseCoo?=?mouseCoordination(michael);? ??
????document.getElementById('xCoordination').value?=?mouseCoo.x;? ??
????document.getElementById('yCoordination').value?=?mouseCoo.y;? ??
}? ??
document.onmousemove?=?mouseMove;? ??
</script>? ??
X坐标:<input?id="xCoordination"?type="text"

免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。