1. 事件对象 event
标准浏览器 传递给响应函数
IE 把 event 事件对象作为全局对象 window 的一个属性
2. 浏览器滚动条高度
标准浏览器 使用 documen.documentElement.scrollLeft documen.documentElement.scrollTop
Safari 等浏览器 使用 window.pageXOffset window.pageYOffset
没有 doctype 声明的页面 document.body.scrollLeft document.body.scrollTop
3. 获取鼠标在网页中的坐标 = 鼠标在视窗中的坐标 + 浏览器滚动条坐标
// 鼠标事件参数 兼容性封装 Test Already. var kjfMouse = { getEvent : function(e){ return e || window.event; }, getTarget : function(e){ return this.getEvent(e).target || this.getEvent(e).srcElement; }, getClientX : function(e){ return this.getEvent(e).clientX; }, getClientY : function(e){ return this.getEvent(e).clientY; }, // 水平滚动条偏移 getScrollLeft : function(){ return document.documentElement.scrollLeft || // 火狐 IE9及以下滚动条是HTML的 window.pageXOffset || // IE10及以上 window.pageXOffset document.body.scrollLeft; // chrome 滚动条是body的 }, // 垂直滚动条偏移 getScrollTop : function(){ return document.documentElement.scrollTop || // 火狐 IE9 及以下滚动条是 HTML 的 window.pageYOffset || // IE10 及以上 window.pageXOffset document.body.scrollTop; // chrome 滚动条是body的 }, getPageX : function(e){ return (this.getEvent(e).pageX)?( this.getEvent(e).pageX ):( this.getClientX(e)+this.getScrollLeft() ); }, getPageY : function(e){ return (this.getEvent(e).pageY)?( this.getEvent(e).pageY ):( this.getClientY(e)+this.getScrollTop() ); } };
原文地址:https://www.cnblogs.com/tianxiaxuange/p/9873771.html
时间: 2024-10-12 10:23:46