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*/
    }
  • 相关阅读:
    SQL优化之博客案例
    Drools之规则属性
    Android 8.0以上系统应用如何保活
    Android 8.0(api27)静态广播和动态广播接收问题
    Android开发 WorkManager详解
    使用EOS Camera Movie Record 软件在计算机上使用 Canon EOS DSLR相机录制视频 。
    关于使用AlarmManager的注意事项
    系统服务之定时服务(AlarmManager)
    Android定时器AlarmManager
    Android 代码混淆
  • 原文地址:https://www.cnblogs.com/GaoAnLee/p/9559611.html
Copyright © 2011-2022 走看看