<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <title>css禁止文字被选择</title>    <style type="text/css"&            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-06-30 17:20:57
                            
                                191阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            现象:html中可能有些地方不想让用户复制文字,或是用a标签做了个点击按钮,点快的时候文字会被选中,很丑,这个时候可以使用下面的方案禁止文字选中。原因:鼠标点快了。解决方案:不同的浏览器设置的内容不一样,user-select不是一个W3C的标准,浏览器的支持不完成,需要对不同的浏览器进行调整。body{-moz-user-select: none; /*火狐*/-webkit-user-sele            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2022-01-14 11:16:45
                            
                                2267阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            ## JavaScript禁止网页文字选择
### 什么是网页文字选择?
在我们日常使用电脑浏览网页时,经常会有需要复制网页上的文字的情况。通常,我们可以通过鼠标选中文本,然后右键点击选择复制。这就是网页文字选择。
然而,有时候我们可能希望禁止用户复制网页上的文字,防止内容被不当使用或盗用。在这种情况下,我们可以通过 JavaScript 来禁止网页文字选择。
### 如何禁止网页文字选择            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2023-09-16 15:40:38
                            
                                1292阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            # 禁止双击选择文字的实现方法
在 Web 开发中,有时我们需要控制用户的行为,比如禁止双击选择文本。这可以通过 jQuery 来实现。本篇文章将详细介绍如何完成这一功能,包括流程、代码示例和图示化的说明。
## 整体流程
为了方便理解,我们可以将整个实现过程分为几个主要步骤,以下是整体流程的概述:
| 步骤 | 描述            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2024-10-17 05:16:45
                            
                                73阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            ## 如何使用JavaScript设置禁止选择文字
作为一名经验丰富的开发者,我将向你介绍如何使用JavaScript来实现禁止选择文字的效果。下面是整个过程的步骤概述:
| 步骤 | 描述 |
| ---- | ---- |
| 1 | 创建一个HTML文件 |
| 2 | 在HTML文件中添加JavaScript代码 |
| 3 | 编写JavaScript代码来禁止选择文字 |
以下是            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2023-08-02 04:42:11
                            
                                462阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            .className{ -moz-user-select: none; /*火狐*/ -webkit-user-select: none; /*webkit浏览器*/ -ms-user-select: none; /*IE10*/ -khtml-user-select: none; /*早期浏览器*
                    
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2023-12-26 17:06:52
                            
                                88阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            if (typeof(element.onselectstart) != "undefined") {        
    // IE下禁止元素被选取        
    element.onselectstart = new Function("return false");        
} else {
    // firefox下禁止元素被选取的变通办法            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-06-28 10:08:59
                            
                                423阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            之前七娃,整理过用css实现鼠标左右键禁用:静态页面js防止抽离	今天新增一we...            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-09-14 16:54:30
                            
                                1306阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            html,body { -moz-user-select: none; -khtml-user-select: none; user-select: none; } ...            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2021-08-27 15:17:00
                            
                                522阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            iOS 13和iPadOS更改了Safari指示链接将您带到何处的方式。以下是查看网页网址将带您在iOS 13和iPadOS的iPhone和iPad上的位置的方法。在iOS 12及更高版本中,您只需点击并按住一个超链接几秒钟,直到出现一个带有目标URL的操作表。在iOS 13和iPadOS中,操作表默认为显示目标URL的实际实时预览。Safari链接预览要恢复该行为,必须在Safari中禁用链接预            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-10-26 06:12:57
                            
                                74阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            user-select : none ;
touch-callout : none ;
user-drag : none ;
tap-highlight-color : rgba(0,0,0,0) ;
-webkit-user-select : none ;
-webkit-touch-callout : none ;
-webkit-user-drag : none ;
-webkit-tap            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2012-06-12 16:56:00
                            
                                114阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            文章目录css的继承选择器css权重值(优先级):元素类型伪元素:使父元素包裹浮动元素元素定位margin塌陷margin合并css常用知识点 css的继承1.子父派生div p{…} 这样div下面的子孙元素p都会继承该属性2.直接派生div > p{…} 这样只有作为div的儿子的p才能继承相关属性,孙子等子孙则不行3.浏览器寻找派生节点顺序浏览器寻找节点的顺序是从左至右的 例 : s            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-05-15 18:53:36
                            
                                229阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            // 如果是想禁用长按弹出菜单, 用js window.addEventListener('contextmenu', function(e){ e.preventDefault(); });            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2018-05-23 13:15:00
                            
                                1501阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            禁止右键禁止复制禁止选择网页内容的CSS和JS代码(支持PC和移动端)body {
    -moz-user-select: none;/* Firefox私有属性 */
    -webkit-user-select: none;/* WebKit内核私有属性 */
    -ms-user-select: none;/* IE私有属性(IE10及以后) */
    -khtml-user-            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-06-09 19:34:27
                            
                                87阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            方法1: onfocus=this.blur() 当鼠标放不上就离开焦点
<input type="text" name="input1" value="中国" onfocus=this.blur()> 
方法2:readonly 
<input type="text" name="input1" value="中国" readonly> 
<input type=            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-07-06 10:18:39
                            
                                439阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            
   1、完全隐藏 
   
   在里加入scroll="no",可隐藏滚动条; 
   
     
   
    这个我用的时候完全没效果,不知道是什么原因!不过好多人说这么用可以,大概是用的位置不一样吧 
   
     
   
   2、在不需要时隐藏 
   
   指当浏览器窗口宽度或高度大于页面的宽或高时,不显示滚动条;反之,则显示; 
               
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-10-11 10:59:56
                            
                                305阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            常用方法add(parameters):添加节点信息IndexNameTypeDiscription 1 id Number 当前节点的ID 2 preId Number 当前节点的父节点ID,根节点的值为 -1  3 name String 当前节点要显示的文字  4 url String 点击当前节点跳转到的URL 5 title String 鼠标移至该节点时节点显示的标            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-10-31 09:26:59
                            
                                150阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            # JavaScript禁止选择
## 1. 简介
在Web开发中,有时我们需要禁止用户对页面上的文本进行选择。这种需求通常出现在一些定制化的UI设计中,或者为了保护版权内容。JavaScript提供了一种简单的方法来禁止选择文本。
本文将介绍如何使用JavaScript禁止选择,并提供相应的代码示例。
## 2. 禁止选择的实现方法
要禁止文本选择,我们需要通过JavaScript操作            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2023-08-04 07:25:08
                            
                                177阅读