JavaScript鼠标移动事件怎么配置

lewis 9年前 (2016-12-14) 阅读数 9 #程序编程

文章标签 Java JavaScript

要配置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属性引入。