• 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*/
    }
  • 相关阅读:
    C# 显式创建线程 or 使用线程池线程--new Thread() or ThreadPool.QueueUserWorkItem()
    B树、B-树、B+树、B*树详解
    C# Volatile 类
    volatile(C# 参考)
    C#中volatile的用法
    C#编程总结(六)异步编程
    C#编程总结(五)多线程带给我们的一些思考
    C#编程总结(三)线程同步
    C#编程总结(二)多线程基础
    C#编程总结(一)序列化
  • 原文地址:https://www.cnblogs.com/GaoAnLee/p/9559611.html
Copyright © 2020-2023  润新知