分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 代码编程

js或css指定元素点击时内容不可被选中

发布时间:2023-09-06 01:07责任编辑:彭小芳关键词:js

一、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标签支持。

js或css指定元素点击时内容不可被选中

原文地址:http://www.cnblogs.com/cnlg123/p/7644795.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved