JavaScript 中禁止用户右键菜单，复制，选取，Ctrl，Alt，Shift. 获取宽高，清除浮动...

//禁用右键菜单
document.oncontextmenu = function(){
    event.returnValue = false;
}
//禁用选取内容
document.onselectstart = function() {
    event.returnValue = false;
}
//禁用复制
document.oncopy = function() {
    event.returnValue = false;
}
//禁用键盘中的ctrl、alt、shift
document.onkeydown = function(){
    if( event.ctrlKey ){
        return false;
    }
    if ( event.altKey ){
        return false;
    }
    if ( event.shiftKey ){
        return false;
    }
}

 浏览器宽高

var w = document.documentElement.clientWidth || document.body.clientWidth;
var h = document.documentElement.clientHeight || document.body.clientHeight;

网页正文宽高

var w = document.documentElement.scrollWidth || document.body.scrollWidth;
var h = document.documentElement.scrollHeight || document.body.scrollHeight;

网页可见区域宽高，包括滚动条等边线（会随窗口的显示大小改变）

var w = document.documentElement.offsetWidth || document.body.offsetWidth ;
var h = document.documentElement.offsetHeight || document.body.offsetHeight ;

网页卷去的距离与偏移量

1.scrollLeft:设置或获取位于给定对象左边界与窗口中目前可见内容的最左端之间的距离；

2.scrollTop:设置或获取位于给定对象最顶端与窗口中目前可见内容的最左端之间的距离；

3.offsetLeft:设置或获取位于给定对象相对于版面或由offsetParent属性指定的父坐标的计算左侧位置；

4.offsetTop:设置或获取位于给定对象相对于版面或由offsetParent属性指定的父坐标的计算顶端位置；

 

清除浮动  在浮动元素的父元素上加上此内容

.clearfix:after {
    content: "";
    /*//设置内容为空*/
    height: 0;
    /*//高度为0*/
    line-height: 0;
    /*//行高为0*/
    display: block;
    /*//将文本转为块级元素*/
    visibility: hidden;
    /*//将元素隐藏*/
    clear: both;
    /*//清除浮动*/
    width:0
}

.clearfix {
    zoom: 1;
    /*为了兼容IE*/
}

 

转载于:https://www.cnblogs.com/GaoAnLee/p/9559611.html