温馨提示×

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