javascript中的鼠标坐标？_Javascript

javascript中的鼠标坐标？

javascript

javascript中的鼠标坐标？,javascript,Javascript,我创建了一个小函数来获取div中的鼠标坐标，但不知何故它不起作用。我彻底检查了我的功能，但没有发现错误 <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title></title> <script type="text/javascript"> function Set

我创建了一个小函数来获取div中的鼠标坐标，但不知何故它不起作用。我彻底检查了我的功能，但没有发现错误

<html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title></title>
    <script type="text/javascript">
    function SetValues()
    {
    var s = "X:" + window.event.clientX + " Y:" + window.event.clientY ;
    document.getElementById('divCoord').innerHTML = s;
    }
    </script>
    </head>
    <body onmousemove=SetValues()>
    <div id="divCoord"></div>
    </body>
    </html>


函数SetValues（）
{
var s=“X:+window.event.clientX+”Y:+window.event.clientY；
document.getElementById（'divCoord'）。innerHTML=s；
}

window.event.clientX和

window.event.clientY

尝试：

window.event

属性仅在Internet Explorer中存在，我认为仅在某些版本中存在。事实上，您尝试执行的整个操作需要一些相当高级的跨浏览器编码

我建议您考虑使用JavaScript框架来规范事件，例如jQuery .

使用jQuery，这将在所有浏览器中运行：

$(document).mousemove(function(e) {
    $('#divCoord').html('X:' + e.pageX + ' Y:' + e.pageY);
});

请尝试以下代码： JS

 document.onmousemove = getMouseXY;
    var tempX = 0;
    var tempY = 0;
    function getMouseXY(e) {
    if (IE) { // grab the x-y pos.s if browser is IE
    tempX = event.clientX + document.body.scrollLeft;
    tempY = event.clientY + document.body.scrollTop;
    }
    else {  // grab the x-y pos.s if browser is NS
    tempX = e.pageX;
    tempY = e.pageY;
    }

HTML

X <input type="text" name="MouseX" value="0" size="4"><br>
Y <input type="text" name="MouseY" value="0" size="4"><br>

X

Y

X <input type="text" name="MouseX" value="0" size="4"><br>
Y <input type="text" name="MouseY" value="0" size="4"><br>