JavaScript鼠标移动事件怎么配置

Java JavaScript

861

2024/1/23 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属性引入。

辰迅云「云服务器」，即开即用、新一代英特尔至强铂金CPU、三副本存储NVMe SSD云盘，价格低至29元/月。点击查看>>

JavaScript鼠标移动事件怎么配置

最新知识库

相关标签