js获取鼠标坐标

839 阅读1分钟

1, 各种方法获取的长度

图片转载处

2. 客户区坐标位置

clientX和clientY 不包括页面滚动距离,因此不表示鼠标在页面上的距离

Event.Util.addHandler(div,'click',function(event){
    event = EventUtil.getEvent(event);
    console.log(event.clientX+','+event.clientY)
})

3. 页面坐标位置

pageX和pageY 表示鼠标在页面中的位置,在页面没有滚动时,pageX和pageY与clientX和clientY的值相同

4. 屏幕坐标位置

screenX 和 screenY

5. 兼容问题

page.X可由clientX加上滚动条滚动距离得到