zoukankan      html  css  js  c++  java
  • js或css指定元素点击时内容不可被选中

    一、css3中可以使用"user-select"属性

            body{

                    -webkit-user-select:none;/*谷歌 /Chrome*/

                    -moz-user-select:none; /*火狐/Firefox*/

                    -ms-user-select:none;    /*IE 10+*/

                    user-select:none;

            }

            user-select:auto:默认,可以选中; none:不可选;text:只可选文本;all:父级;

       

    二、js实现:

             document.onselectstart = function(){return false;}

            document.onselectstart = null ;

           jquery 实现:

           $("body").hover(function(){

                document.onselectstart = function(){return false;},

                                                     },

               function(){

                   document.onselectstar=text;            

                  }

             });

       注意:

     
     
     
     
     
                 1、onselectstart事件不被input和textarea标签支持,而onselect事件只被input和textarea支持。
                 2、Firefox/Opera不支持onselectstart事件Firefox中可以使用CSS "-moz-user-select:none"属性来禁止文本选定
                 3、webkit浏览器可以使用“-khtml-user-select”,当然也可以使用onselectstart事件来阻止用户选定元素内文本,如下
                      <div onselectstart="return false">accc</div>

    onselect

                onselect是在文本框(input、textarea)内的文本被选中时所触发的事件,其触发时间是在文本被选择以后(即文本已经被选择,已经

                 显式的表现出来)。该事件只被input和textarea标签支持。

  • 相关阅读:
    PAT (Advanced Level) Practice 1054 The Dominant Color (20 分)
    PAT (Advanced Level) Practice 1005 Spell It Right (20 分) (switch)
    PAT (Advanced Level) Practice 1006 Sign In and Sign Out (25 分) (排序)
    hdu 5114 Collision
    hdu4365 Palindrome graph
    单链表查找最大值、两个递增的链表合并并且去重
    蓝桥杯-最短路 (SPFA算法学习)
    蓝桥杯-最大最小公倍数
    Codeforces-470 div2 C题
    蓝桥杯-地宫取宝
  • 原文地址:https://www.cnblogs.com/cnlg123/p/7644795.html
Copyright © 2011-2022 走看看