1. 首页
  2. 游戏开发
  3. 其他
  4. 如何获取鼠标在盒子中的位置

如何获取鼠标在盒子中的位置

上传者: 2023-03-10 12:07:05上传 HTML文件 917B 热度 7次

获取鼠标在盒子中的位置是前端开发中的一个基础操作,可以通过JavaScript的鼠标事件监听来实现。具体的实现可以参考以下代码:

// 监听鼠标移动事件 
document.querySelector('#box').addEventListener('mousemove',function(e){    
    // 获取鼠标在盒子中的位置 
    var x = e.pageX - this.offsetLeft;    
    var y = e.pageY - this.offsetTop;    
    console.log("鼠标在盒子中的位置:x="+x+", y="+y); 
});  
下载地址
用户评论