java获取div坐标_实时获取鼠标在div中的【坐标】

实例

html>

#zb{width:500px;height:400px;

margin:100px auto 20px;

border:2px solid red;}

p{

width:500px;height:50px;

margin:0 auto;

border:2px solid pink;

line-height:50px;

}

页面名称

坐标为：(0,0)

window.onload=function(){

var divObj=document.getElementById('zb');

var showObj=document.getElementById('show');

divObj.onmousemove=function(event){

var e=event || window.event;

var m_x=e.clientX;//获取鼠标横坐标，x轴坐标

var m_y=e.clientY;//获取鼠标竖坐标，y轴坐标

//获取div的坐标

var d_x=this.offsetLeft;

var d_y=this.offsetTop;

var x=m_x-d_x;

var y=m_y-d_y;

showObj.innerHTML="("+x+","+y+")"

}

};

运行实例 »

点击 "运行实例" 按钮查看在线实例