document.compatMode属性和获取鼠标的位置

document.compatMode属性

document.compatMode用来判断当前浏览器采用的渲染方式。

官方解释:

BackCompat:标准兼容模式关闭。
CSS1Compat:标准兼容模式开启。

当document.compatMode等于BackCompat时,浏览器客户区宽度是document.body.clientWidth;
当document.compatMode等于CSS1Compat时,浏览器客户区宽度是document.documentElement.clientWidth。

//获取鼠标的位置
getMousePoint = function (_e) {
var _body = document.body,
_left = ,
_top = ;
if(typeof window.pageXOffset != 'undefined'){
_left = window.pageXOffset;
_top = window.pageYOffset;
}
else if(typeof document.compatMode != 'undefined' && document.compatMode != 'BackCompat'){
_left = document.documentElement.scrollLeft;
_top = document.documentElement.scrollTop;
}
else if(typeof _body != 'undefined'){
_left = _body.scrollLeft;
_top = _body.scrollTop;
}
_left += _e.clientX;
_top += _e.clientY; _mousepos.left = _left;
_mousepos.top = _top; return _mousepos;
};
上一篇:.netcore 3.1高性能微服务架构:封装调用外部服务的接口方法--HttpClient客户端思路分析


下一篇:Spring Struts里用到的设计模式