<div class="btn"></div>
<script>
var btn = document.querySelector(".btn");
// 给页面添加鼠标移动事件监听 获取浏览器文档的X和Y坐标
document.addEventListener("mousemove",function(e){
var x = e.pageX;
var y = e.pageY;
// 让btn的left和top值等于x和y 这样btn就能随鼠标移动而跟着移动
// x和y各减25px是让鼠标处于btn中间的位置,体验更好,因为默认箭头是处于元素左上角位置
btn.style.left = x-25+"px";
btn.style.top = y-25+"px";
})
</script>
DOM:让一个元素跟随鼠标移动而移动(鼠标移动小练习)
最新推荐文章于 2024-05-21 17:25:53 发布