javascript - 如何获取鼠标的坐标?

标签 javascript

我正在编写一个脚本,当我使用某个元素导航时,该脚本会重复将鼠标坐标写入该元素。但我不知道如何检测来自鼠标的信息。有人想给我指出正确的方向吗?

document.getElementById("coords").innerHTML = crdX + ", " + crdY

http://jsfiddle.net/7pj9gpvn/

编辑:我的问题与提议的问题不重复,因为提议的问题涉及同一问题的循环方面,而我的问题涉及“事件处理”方面。我确实阅读并尝试从该问题中确定我需要的信息,但由于我是初学者,我发现他们的代码很难阅读。

最佳答案

尝试一下这适用于所有浏览器

http://jsfiddle.net/7hxtLqd4/

<html>

<body>
            <form name="mShow">
        <input type="text" name="MX" value="0" size="4"> X
        <br>
        <input type="text" name="MY" value="0" size="4"> Y
        <br>
    </form>

    <script language="JavaScript1.2">

        var IE = document.all ? true : false

        if (!IE) document.captureEvents(Event.MOUSEMOVE)

        document.onmousemove = getMouse;

        var tempX = 0
        var tempY = 0


        function getMouse(e) {
            if (IE) { 
                tempX = event.clientX + document.body.scrollLeft
                tempY = event.clientY + document.body.scrollTop
            } else { 
                tempX = e.pageX
                tempY = e.pageY
            }

            if (tempX < 0) {
                tempX = 0
            }
            if (tempY < 0) {
                tempY = 0
            }
           // ADD TEMP VALUE FOR FIELDS
            document.mShow.MX.value = tempX
            document.mShow.MY.value = tempY
            return true
        }


    </script>

</body>

</html>

关于javascript - 如何获取鼠标的坐标?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34271916/

相关文章:

javascript - 谷歌地图仅在按 F12 后显示

javascript - 数组到字符串转换,Php到js

javascript - 螺旋动画 JavaScript

Javascript 变量 a = 函数 b() {}

javascript - 如何在打印时对齐文本

javascript - 提交表单后更改提交按钮的文本?

javascript - Sequelize 多对多关系表获取不需要的额外列

javascript - Javascript 中函数作为原型(prototype)对象的属性?

javascript - JQuery - 只需走进主要的 li 元素

javascript - ajax,当它具有不同的值时我得到相同的值