在上一篇:js鼠标事件总结中,有提到鼠标事件的主要作用和目的,本意是为了解释鼠标事件为什么要写兼容处理。而本篇主要是总结当鼠标点击窗口时,如何获取它的坐标及其应用。
1.获取鼠标点击的位置坐标
screen相对于屏幕
- screenX 获取点击位置相对于屏幕的左边距离
- screenY 获取点击位置相对于屏幕的上边距离
(不考虑iframe因素,不同浏览器下表现的还算一致。)
例:
document.function(ev){
var oEvent=ev||event;
alert(oEvent.screenX+','+oEvent.screenY);// IE浏览器兼容
};
client相对浏览器窗口
document.function(ev){
var oEvent=ev||event;
alert(oEvent.clientX+','+oEvent.clientY);//