首頁 > web前端 > js教程 > 主體

js如何取得滑鼠目前位置實例

小云云
發布: 2018-03-13 16:15:01
原創
1643 人瀏覽過

本文主要和大家分享js如何取得滑鼠目前位置實例,希望能幫助大家。

<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>
登入後複製

相關推薦:

js程式碼實作滑​​鼠拖曳div實例

JS滑鼠3次點擊事件的實作程式碼

jQuery實作滑鼠滑過預覽大圖效果

以上是js如何取得滑鼠目前位置實例的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板