鼠标滑动获取盒子内的坐标

3年前更新

01439

代码如下

<body>
    <div class="boxxx"><span class="spann"></span></div>
    <script>
        var boxxx = document.querySelector('.boxxx');
        var spann = document.querySelector('.spann')
        boxxx.addEventListener('mousemove', function(e) {
            var x = e.pageX - boxxx.offsetLeft;
            var y = e.pageY - boxxx.offsetTop;
            spann.innerHTML = 'x=' + x + '  y=' + y;
        })
    </script>
</body>

演示效果如下

Document

文章版权归作者所有，未经允许请勿转载。

THE END

JavaScript
# 入门 # 坐标

喜欢就支持一下吧