如何实现类似devtool 状态下鼠标移动实时设置鼠标所在位置的DOM元素,现在能实时获得相对文档坐标,如何根据坐标获得DOM元素

anlun 2018-07-06 10:44:33
如何实现类似devtool 状态下鼠标移动实时设置鼠标所在位置的DOM元素,现在能实时获得相对文档坐标,如何根据坐标获得DOM元素

var getCoordInDocument = function(e) {
e = e || window.event;
var x = e.pageX || (e.clientX +
(document.documentElement.scrollLeft
|| document.body.scrollLeft));
var y= e.pageY || (e.clientY +
(document.documentElement.scrollTop
|| document.body.scrollTop));
return {'x':x,'y':y};
}
document.onmousemove=function(e){

var pointer = getCoordInDocument(e);
console.log("实时位置:X,Y=("+pointer.x+", "+pointer.y+")");
//此处如何获得坐标所在的dom并实现调试状态下鼠标掠过dom元素背景变的效果
}
...全文
92 回复 打赏 收藏 转发到动态 举报
写回复
用AI写文章
回复
切换为时间正序
请发表友善的回复…
发表回复

87,902

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧