zoukankan      html  css  js  c++  java
  • 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*/
    }
  • 相关阅读:
    P3834 【模板】可持久化线段树 (静态主席树)
    P3834 【模板】可持久化线段树 (静态主席树)
    2019 南昌网络赛 I. Max answer
    Linux从入门到精通——系统的进程
    Linux从入门到精通——文件权限
    Linux从入门到精通——命令行使用技巧
    Linux从入门到精通——Linux系统的文件及其管理
    Linux从入门到精通——vim及管理输入输出
    Linux从入门到精通——用户管理
    thiny mission 2021 10 15
  • 原文地址:https://www.cnblogs.com/GaoAnLee/p/9559611.html
Copyright © 2011-2022 走看看