如何实现类似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元素背景变的效果
}