zoukankan      html  css  js  c++  java
  • 屏蔽页面双击选中文本

    1.

    如果我们要做到兼容ie与ff浏览器就可以在要屏蔽双击的div上加上return false;与-moz-user-select:none;即可解决了,下面看例子。

    指定div

    <div class="picBox" onselectstart="return false;" style="-moz-user-select:none;">屏蔽双击选中文字的区域</div>

    如果要屏蔽整个页面

    我们在页面的body上加 这个是兼容ie浏览器

    <body onselectstart="return false ">

    然后在head中加如入下面代码  这里是兼容ff,google浏览器的

    这样上面两个例子都兼容了ie,ff,google浏览器了哦

    body
    {
    -moz-user-select:   none;
    }

    2.实例2

    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
        <title></title>
        <style type="text/css">
            .smallPadding {
                /*火狐下屏蔽双击选中的区域*/
                -moz-user-select: none;
            }
            /**全CSS控制**/
            .noSelect {
                -ms-user-select: none;
                -moz-user-select: none;
                -webkit-user-select: none;
            }
        </style>
    </head>
    <body>
        <div class="smallPadding" onselectstart="return false;">
            <p>
                charCodeAt()返回对应的字符unicode编码,oninput和onpropertychange是用来做到你在文本域中点击右键粘帖的时候触发事件的,因为onkeyup和onchange不能触发右键的粘帖。其中的255这个数字你可以比较的不明白,你可以自己试试除了汉字外的编码都是多大,我大致试了下,其实126也是可以的,好像我没有找到比126的大的非汉字的字符,当然255更好些,汉字都比较的大你可以自己动手试试!
                另外由于自己太懒布局就从简了^_^
            </p>
        </div>
    
        <div class="noSelect" >
            <p>
                charCodeAt()返回对应的字符unicode编码,oninput和onpropertychange是用来做到你在文本域中点击右键粘帖的时候触发事件的,因为onkeyup和onchange不能触发右键的粘帖。其中的255这个数字你可以比较的不明白,你可以自己试试除了汉字外的编码都是多大,我大致试了下,其实126也是可以的,好像我没有找到比126的大的非汉字的字符,当然255更好些,汉字都比较的大你可以自己动手试试!
                另外由于自己太懒布局就从简了^_^
            </p>
        </div>
    </body>
    </html>
  • 相关阅读:
    debian 9 安装AMD驱动
    DDL、DML、DCL、DQL的理解
    呼叫中心坐席功能都有哪些?
    使用vi编辑器的问题
    百度聊天机器人UNIT http访问
    通过http方式 post天气,并合成语音
    单链表的基本操作
    pip下载慢解决(添加国内镜像)
    Anaconda+Tensorflow配置说明
    gdb的基本使用
  • 原文地址:https://www.cnblogs.com/tianma3798/p/4154035.html
Copyright © 2011-2022 走看看