各浏览器禁止选中文字方法

最新推荐文章于 2024-03-23 01:24:48 发布
原创 最新推荐文章于 2024-03-23 01:24:48 发布 · 3.9k 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

各浏览器禁止选中文字各自有个的方法。


代码

<!DOCTYPE html>
<html>
<body>
<divunselectable="on" style="background:#ccc;">unselectable="on"</div>
<br/>
<div style="background:#ccc;-webkit-user-select:none;">-webkit-user-select:none;</div>
<br/>
<div style="background:#ccc;-moz-user-select:none;">-moz-user-select:none;</div>
<br/>
<div style="background:#ccc;"onselectstart="return false;">onselectstart="return false;"</div>
</body>
</html>


效果




Chrome Safari



Firefox



IE



Opera




unselectable="on"



  no  



  no  



  yes  



  yes  




-webkit-user-select:none;



  yes  



  no  



  no  



  no  




-moz-user-select:none;



  no  



  yes  



  no  



  no  




onselectstart="return false;"



  yes  



  no  



  yes  



  no  




































总结


给标签设置样式-moz-user-select:none;-webkit-user-select:none;，同时标签设置unselectable="on"，保证各个浏览器都能禁止选中文字。


                

        

    

    
  



    



                



	

		

			

				
					
禁止网页内容被复制的方法

				
			

			

				

					莫踌躇
				

				

					12-28
					
					3860
					
				

			

		

		

			
				
本文介绍了多种禁止网页内容被选中的方法：1) 使用onselectstart="return false"禁止整个body或指定div内容被选中；2) 结合多个事件如oncontextmenu、oncopy等全面禁止选中和复制；3) 详细解释了各事件的功能。另外还提供了用原生JS实现图片替换光标的方法，通过cursor:url()属性和onmousemove事件实现。这些技术可用于保护网页内容或实现特殊交互效果。

			
		

	



                

            
              



	

		

			

				
					
禁止选择网页中的文字

				
			

			

				

					知其白，守其黑；和其光，同其尘。
				

				

					05-20
					
					330
					
				

			

		

		

			
				
onselectstart和onselect的使用
1.onselectstart
这个事件主要是用于禁止选择网页中的文字。代码为：
document.onselectstart =function(){
            return false;
}


　　另外ff/opera不支持此事件，ff可以用css控制：css: body { -moz-user-select: none; }。webkit浏览器可以使用“-khtml-user-select”，当然也可以使用onselectstart事

			
		

	



              


  
              

                


	

		

			

				
					
解决FF和safari下文本禁止选择的问题

				
			

			

				

					
				

				

					08-17
					
					1016
					
				

			

		

		

			
				
解决FF和safari下文本禁止选择的问题作者:jsrpg 日期:2006-11-03字体大小: 小 中 大   					               							  众所周知，在IE下面可以采用onselectstart和ondrag方式实现文本的禁止选择功能，但是在FF和safari下面却是不可使用，可以采用以下方法，完全是CSS的功劳： 程序代码bod

			
		

	





	

		

			

				
					
IE浏览器禁止文字选中，禁止图片拖拽，禁止缩放。

				
			

			

				

					fk478561641的博客
				

				

					09-10
					
					2535
					
				

			

		

		

			
				
关于IE浏览器的一些简单设置。

一.禁止文字选中有两种方式：css和js.推荐使用js方式

css:


body{
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-selec...

			
		

	



		

			
		



	

		

			

				
					
禁止浏览器选中文本（就一句话，总是忘，记一下）

				
			

			

				

					不明所以
				

				

					09-10
					
					591
					
				

			

		

		

			
				
元素添加属性   onselectstart="return false"

			
		

	





	

		

			

				
					
游览器禁止选中问题

				
			

			

				

					aixuner1002的博客
				

				

					09-25
					
					483
					
				

			

		

		

			
				
本文为转载文章，转载地址为https://www.feiniaomy.com/post/169.html
CSS属性禁止网页文字被选中
CSS3中有个user-select属性，这个属性可以设置某个DIV元素中的文本不被选中，下面就详细的说一下
CSS3中user-select属性

css属性user-select介绍
这个user-select有四个值，分别为：none | text | al...

			
		

	





	

		

			

				
					
js鼠标移动时禁止选中文字

				
			

			

				

					10-20
				

			

		

		

			
				
首先，禁止选中文字主要是通过CSS来完成的。我们可以添加一个全局样式，覆盖整个HTML文档，以防止任何部分的文字被选中。以下是一种常见的实现方式：  ```css html, body {  -webkit-touch-callout: none; /* 针对...

			
		

	





	

		

			

				
					
鼠标移动div时禁止选中div中的文字的方法

				
			

			

				

					09-25
				

			

		

		

			
				
综合以上，通过CSS和JavaScript的结合，我们可以有效地在鼠标移动div时禁止选中div中的文字，从而保证div移动的流畅性。这在创建交互式用户界面或拖放功能时尤其有用，可以提供更好的用户体验。

			
		

	





	

		

			

				
					
通过CSS规则禁止选中文字的实现代码

				
			

			

				

					09-25
				

			

		

		

			
				
总结来说，禁止选中文字可以通过CSS的`user-select`属性结合不同浏览器的前缀实现，对于老版本的IE浏览器则需使用JavaScript配合`unselectable`属性和事件监听。虽然`user-select`并非官方标准，但它在实际应用中已...

			
		

	





	

		

			

				
					
vue实现页面内容禁止选中功能,仅输入框和文本域可选

				
			

			

				

					10-16
				

			

		

		

			
				
首先，实现页面内容禁止选中功能，最简单直接的方法是通过CSS样式控制。将以下CSS样式添加到Vue应用中的index.html文件中的body标签上：  ```css * {  -webkit-touch-callout: none; /* 系统默认菜单被禁用 */  -...

			
		

	





	

		

			

				
					
Ctrl+A 只选中div中的内容，而不选择页面全部

				
			

			

				

					qq_29207823的博客
				

				

					11-06
					
					830
					
				

			

		

		

			
				
今天碰见一个需求，要求Ctrl+A只选中div中的内容
搜索以后发现给div添加contenteditable属性是个不错的方法

contenteditable 元素属性
默认属性: false
可选属性: true | false

HTML5 引入的新属性

还有可以通过onselectstart, onselect 事件来控制用户选择
但是实现起来比较麻烦，所以我选择了使用contenteditable
...

			
		

	





	

		

			

				
					
禁止选中文字兼容IE、Chrome、FF等

				
			

			

				

					12-09
				

			

		

		

			
				
代码如下: $(el).attr(‘unselectable’,’on’) .css({‘-moz-user-select’:’-moz-none’, ‘-moz-user-select’:’none’, ‘-o-user-select’:’none’, ‘-khtml-user-select’:’none’, /* you could also put this in a class */ ‘-webkit-user-select’:’none’,/* and add the CSS class here instead */ ‘-ms-user-select’:’none’, ‘user-

			
		

	





	

		

			

				
					
页面文字无法选中？

				
			

			

				

					weixin_33816821的博客
				

				

					05-06
					
					722
					
				

			

		

		

			
				
转载于:https://www.cnblogs.com/LLLLily/p/10821349.html

			
		

	





	

		

			

				
					
页面禁止选中文字

				
			

			

				

					qq_45050686的博客
				

				

					10-02
					
					1006
					
				

			

		

		

			
				
页面禁止选中文字

			
		

	





	

		

			

				
					
浏览器DOM操作基础：禁用右键菜单与阻止文字选中

				
			

			

				

					interest_ing_的博客
				

				

					03-23
					
					2314
					
				

			

		

		

			
				
在Web开发中，有时我们需要对用户的默认行为进行限制，以保护网站内容或提供更定制化的用户体验。两个常见的例子是禁止用户通过右键菜单访问上下文选项，以及阻止用户选中页面上的文字。本文将介绍如何使用JavaScript来实现这两个功能，以及它们背后的原理和可能的应用场景。

			
		

	





	

		

			

				
					
解决网页中文字无法选中的问题

				
			

			

				

					m0_56077202的博客
				

				

					01-25
					
					6938
					
				

			

		

		

			
				
解决网页中文字无法选中的问题

			
		

	





	

		

			

				
					
禁止浏览器默认复制文字/选中文字等

				
			

			

				

					零落依草木的博客
				

				

					01-06
					
					2073
					
				

			

		

		

			
				
本文介绍下，用jquery实现禁用右键，文本选择，以及复制按键的代码，有需要的朋友，参考下吧。









以下代码兼容IE、firefox、谷歌浏览器。
 

复制代码代码示例:


//禁用右键、文本选择功能、复制按键  
$(document).bind(“contextmenu”,function(){return false;});  
$(do

			
		

	





	

		

			

				
					
浏览器文本无法选中（以及火狐浏览器的兼容）

				
			

			

				

					Ink_cherry的博客
				

				

					11-23
					
					3422
					
				

			

		

		

			
				
很多时候 浏览器上的文本被莫名其妙的选中出现蓝色文本，很是厌倦
解决办法是
一般的浏览器加 这一句 就是div标签内部的文本不能被选中


火狐浏览器不支持上一句 onselectstart 
 

要加上后面这一个css style

			
		

	





	

		

			

				
					
uniapp设置禁止选中文字

					
最新发布

				
			

			

				

					09-19
				

			

		

		

			
				
在UniApp中，如果你想防止用户选中或复制页面内的文本，你可以通过设置`-webkit-user-select`样式属性来实现。...如果你希望保持基本的触摸交互，同时仅禁止单击选中，可以只针对`touch-action: none`。

			
		

	



              




          




        



    





    



      

      

        
      

      





	

		评论	
	

  
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

            领取后你会自动成为博主和红包主的粉丝
            规则
          

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

                
 1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
 2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

              

            

          

      

      余额充值