第一个版本没有显示 x 和 y 并得到以下错误:
Uncaught TypeError: Cannot read property 'pageX' of undefined
第二个版本有效,但编码非常相似,找不到问题。
第一个版本(不工作)
<form name ="show">
<input type="text" name="mouseXField" value="0" size="6">Mouse X Position<br>
<input type="text" name="mouseYField" value="0" size="6">Mouse Y Position<br>
</form>
<script type="text/javascript">
var mie = (navigator.appName == "Microsoft Internet Explorer") ? true : false;
if (!mie) {
document.captureEvents(Event.MOUSEMOVE);
document.captureEvents(Event.MOUSEDOWN);
}
document.onmousemove = mousePos();
document.onmousedown = mouseClicked();
var mouseClick;
var keyClicked;
var mouseX = 0;
var mouseY = 0;
function mousePos (e) {
if (!mie) {
mouseX = e.pageX;
mouseY = e.pageY;
}
else
mouseX = event.clientX + document.body.scrollLeft;
mouseY = event.clientX + document.body.scrollTop;
document.show.mouseXField.value = mouseX;
document.show.mouseYField.value = mouseY;
return true;
}
</script>
第二版(工作) <form name="Show">
<input type="text" name="MouseX" value="0" size="4"> X<br>
<input type="text" name="MouseY" value="0" size="4"> Y<br>
</form>
<script type="text/javascript">
var IE = document.all?true:false
if (!IE) document.captureEvents(Event.MOUSEMOVE)
document.onmousemove = getMouseXY;
var tempX = 0
var tempY = 0
function getMouseXY(e) {
if (IE) {
tempX = event.clientX + document.body.scrollLeft
tempY = event.clientY + document.body.scrollTop
}
else
{
tempX = e.pageX
tempY = e.pageY
}
document.Show.MouseX.value = tempX
document.Show.MouseY.value = tempY
return true
}
</script>
最佳答案
第一眼:clientX
应该是 clientY
并缺少 {}
在您的 else
:
else {
mouseX = event.clientX + document.body.scrollLeft;
mouseY = event.clientY + document.body.scrollTop;
}
您还需要将事件发送到函数,
document.onmousemove = function (e) {mousePos(e);};
...
function mousePos (e) {
...
看看这个:http://jsfiddle.net/NLsdZ/1/
此外,使用
captureEvents
已弃用,您应该使用 addEventListener
反而。更多信息:http://forums.asp.net/t/1576872.aspx
关于javascript - 使用 JavaScript 显示鼠标 x 和 y 位置,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12202118/