Question

我创建了一个小函数来获取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>

Answer 1

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

我建议您考虑使用规范化事件的JavaScript框架，例如jQuery。

使用jQuery，这适用于所有浏览器：

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

Answer 2

试试这段代码：的 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>

Source

Answer 3

window.event.clientX＆amp; window.event.clientY

尝试：

$(document).ready(function(e) {
    $('body').live('mousemove', function(e) {
        alert('x: ' + window.event.clientX + ', y: ' + window.event.clientY);
    })
});

javascript中的鼠标坐标？

3 个答案: