javascript获取鼠标相对于window的位置

最新推荐文章于 2022-05-17 19:42:26 发布

原创最新推荐文章于 2022-05-17 19:42:26 发布 · 746 阅读

0 ·

CC 4.0 BY-SA版权

javascript 专栏收录该内容

33 篇文章

订阅专栏

本文介绍了一个简单的JavaScript脚本，该脚本能够监听鼠标移动事件，并实时显示鼠标指针在页面上的位置坐标。通过获取鼠标的位置，可以在一个指定的div元素中动态更新显示这些坐标。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<script type="text/javascript">
window.onload = function() {
    var obj = document.documentElement;
    var oDiv = document.getElementById("div1");
    obj.onmousemove = function(e) {
        oEvent = e || event;
        obj.mouseStart = {};
        obj.mouseStart.x = oEvent.clientX;
        obj.mouseStart.y = oEvent.clientY;
        oDiv.innerHTML = "x:" + obj.mouseStart.x + "y:" + obj.mouseStart.y;
    };
};
</script>
<div id="div1" style="background:#ccc;width:100px;"></div>