Heim > Artikel > Web-Frontend > So erhalten Sie die aktuelle Mauspositionsinstanz in js

So erhalten Sie die aktuelle Mauspositionsinstanz in js

小云云Original: 2018-03-13 16:15:011605Durchsuche

In diesem Artikel erfahren Sie hauptsächlich, wie Sie die aktuelle Position der Maus in js ermitteln. Ich hoffe, er kann Ihnen helfen.

<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312"/>
    <title>javascript获得鼠标位置</title>
</head>
<body>
鼠标X轴:
<input id=xxx type=text>
鼠标Y轴:
<input id=yyy type=text>
</body>
<script>
    function mouseMove(ev) {
        Ev = ev || window.event;
        var mousePos = mouseCoords(ev);
        document.getElementById("xxx").value = mousePos.x;
        document.getElementById("yyy").value = mousePos.y;
    }
    function mouseCoords(ev) {
        if (ev.pageX || ev.pageY) {
            return {x: ev.pageX, y: ev.pageY};
        }
        return {
            x: ev.clientX + document.body.scrollLeft - document.body.clientLeft,
            y: ev.clientY + document.body.scrollTop - document.body.clientTop
        };
    }
    document.onmousemove = mouseMove;
</script>
</html>

Verwandte Empfehlungen:

JS-Code zur Implementierung der Mouse Drag Div-Instanz

JS-Maus-3-Klick-Ereignisimplementierungscode

jQuery realisiert den Mouseover-Vorschaueffekt

Das obige ist der detaillierte Inhalt vonSo erhalten Sie die aktuelle Mauspositionsinstanz in js. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme：

Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Vorheriger Artikel：Detaillierte Erläuterung der JS-Übertragung und des KopierensNächster Artikel：Detaillierte Erläuterung der JS-Übertragung und des Kopierens

In Verbindung stehende Artikel

Mehr sehen