溫馨提示×

JavaScript鼠標移動事件怎么配置

小億
87
2024-02-21 18:04:22
欄目: 編程語言

要配置JavaScript鼠標移動事件,可以使用onmousemove事件處理程序。以下是一個簡單的示例,當鼠標在頁面上移動時,會彈出一個提示框顯示鼠標的當前位置:

<!DOCTYPE html>
<html>
<head>
    <title>Mouse Move Event Example</title>
</head>
<body>

<script>
    function showMousePosition(event) {
        var x = event.clientX;
        var y = event.clientY;
        alert("Mouse position - X: " + x + ", Y: " + y);
    }

    document.onmousemove = showMousePosition;
</script>

</body>
</html>

在上面的示例中,當鼠標在頁面上移動時,showMousePosition函數會被調用,并且會彈出一個提示框顯示鼠標的當前位置。你也可以把showMousePosition函數寫在外部JavaScript文件中,然后通過src屬性引入。

0