var body = document.getElementsByTagName("body")[0]; body.addEventListener("mousemove", outpostion); function outpostion() { console.log("全局"+event.clientX + "/" + event.clientY); //evevt是全局的, }
var that = obj; //obj.offsetLeft //元素相对于父元素的left //obj.offsetTop //元素相对于父元素的top console.log(obj.offsetLeft + "/" + obj.offsetTop);
//鼠标指针移动到元素上时触发 function overShow(obj, str) { var showDiv = document.getElementById('showDiv'); //showDiv.css("left", event.clientX).css("top", event.clientY); //showDiv.style.left = event.clientX; //showDiv.style.top = event.clientY; var that = obj; //obj.offsetLeft //元素相对于父元素的left //obj.offsetTop //元素相对于父元素的top console.log(obj.offsetLeft + "/" + obj.offsetTop); showDiv.style.left = (obj.offsetLeft * 2) + 'px'; showDiv.style.top = obj.offsetTop + 'px'; console.log("jubu" + event.clientX + "/" + event.clientY); showDiv.style.display = 'block'; showDiv.innerHTML = str; }