CSS禁止鼠标拖动选择文字

墨衍会员 · AI 创作全网分发 墨衍智能分发 本文由作者通过墨衍一键同步至各平台 1分发平台 4.7k累计阅读 4.8k平均单平台已同步平台优快云微信公众号微博知乎掘金百家号博客园抖音小红书 你的文章也可以这样分发 墨衍会员 ¥399起/年，写一次发全网我也要 → 码龄14年

关注

原创最新推荐文章于 2026-05-23 10:39:16 发布 4.7k 阅读 AI 写同款· GEO 优化 ›

ccSwitch 安装使用指南，claude code的最佳搭档 ccSwitch 是一款真正为 AI 编程开发者打造的效率工具。它把原本繁琐的配置管理工作，简化成了直观的图形界面操作。无论你是需要在多个 API 提供商之间切换，还是想要统一管理多款 AI 编程工具，ccSwitch 都能帮你大幅提升效率。如果你是重度 AI 编程工具用户，强烈推荐尝试一下 ccSwitch，相信它会成为你开发工具箱中不可或缺的一员。项目地址。阅读详情

要想通过CSS禁用页面内容选中和复制操作，只需在body的样式中，增加如下代码：

-moz-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
-khtml-user-select: none;
user-select: none;

收录于

前端基础

当前文章被收录于：

前端基础

2 篇文章 0 人学习

订阅专栏查看详情

当前文章被以下社区和专栏收录：

标签

#禁止 #页面 #复制 #css

[Unity开发] [PICO]避坑指南：PICO商店上传APP时PXR Platform APPID设定详解 PICO开发者上传Unity应用时常见的"APPID不符"问题，主要源于混淆了开发者后台两个不同位置的APPID。阅读详情

相关推荐

低功耗蓝牙技术＞ GAP和GATT介绍

GAP和GATT作为蓝牙协议栈中的关键协议，为BLE设备之间的通信提供了标准和框架。GAP主要负责设备的连接、广播和角色定义，而GATT则定义了BLE设备之间的具体通信方式，通过Services和Characteristics实现数据的传输和交换。在蓝牙技术的发展中，GAP和GATT两个协议扮演着关键的角色，为BLE（低功耗蓝牙）设备之间的通信提供了规范和框架。GATT连接是建立在GAP协议之上的，是一种独占连接，一个BLE外设同时只能连接一个中心设备。连接建立后，通信是双向的，不同于GAP的单向通信。

DL_62532的专栏 4030

CSS禁用鼠标拖拽选中内容

2019独角兽企业重金招聘Python工程师标准>>> ...

weixin_33736649的博客 2940

Kolla 容器化高可用OpenStack 部署与 Ceph 集群集成

本文介绍了 Kolla 项目在容器化 OpenStack 部署和管理方面的应用，以及与 Ceph 集群的集成。Kolla 项目通过容器技术提供了一种简化和自动化的 OpenStack 部署方法，同时实现了易于升级和回滚的特点。本文还探讨了 Kolla 在实现零宕机升级方面的进展，并分析了其对 OpenStack 用户和社区的重要意义。

we22635的博客 2702

【css】禁止拖拽选择图片

KatyLight的博客 1410

(04730)半导体器件之基本放大器工作原理（一）

放大器是构成各种电子线路的基本单元电路。所谓“放大”，就是将输入的微弱信号(微弱变化的电压或电流等)去控制直流电源提供的能量，并使输出按照输入的小信号变化规律而变化的过程。所以放大器的本质是能量转换器。本节重点学习基本放大电路的工作原理和基本分析方法及主要性能指标。

黄先生的博客 3005

三菱FX5U PLC与CCLINK模块通信配置全流程（附接线图与参数详解）

本文详细解析了三菱FX5U PLC与CCLINK模块的通信配置全流程，包括硬件接线规范、参数设置及软件编程方法。通过实战指南帮助工程师快速掌握FX5U与CCLINK模块的高效通信技术，提升工业自动化控制系统的稳定性和可靠性。

weixin_27014595的博客 428

两种方式实现css取消页面鼠标双击选中文字或单击拖动选中文字的效果

我们知道浏览器页面上的文字正常情况下我们是可以双击选中、或者单击鼠标横向拖动也能选中的，选中以后可以右击出现面板然后去复制什么的。但是有的时候，这种效果我们并不想要的，比如用户点快了的时候，所以我们需要禁用这种效果，本文记录一下禁用选中效果的方式

晚星的博客 5726

高缺失率时空数据插补实战：从随机森林到扩散模型的性能对比

数据缺失是数据分析与机器学习建模中普遍面临的挑战，尤其在时空数据领域，传感器故障、传输中断等问题常导致数据不完整。数据插补技术旨在基于已知数据的模式和关联性，合理估算缺失值，为后续分析提供可靠基础。其核心原理在于利用数据的时空相关性（如时间周期性、空间邻近性）及与外部驱动因素（如交通、气象）的关联构建预测模型。这项技术的价值在于能将不完整的数据集转化为可用于高质量分析和预测的可用资产，广泛应用于环境监测、交通流量预测、金融风控等领域。本文聚焦于一个极具挑战性的场景——PM2.5监测数据缺失率高达82%，通过

weixin_30363285的博客 544

禁止鼠标多次点击选中div中的文字

来源：http://www.cnblogs.com/myjiejie/archive/2010/12/04/1896327.html 今天遇到一个很少有的问题做div的点击计数事件因为里面有文字所以当点击多次时文字老被选中可郁闷了查了查资料

xiliuhu的专栏 2267

从DDPM到DDIM：深入解读《Denoising Diffusion Implicit Models》

DDIM发表在ICRL2021上，是DDPM重要的改进之一，能显著提高DDPM的样本质量、减少采样时间，并且能显式控制插值，已经被广泛应用到现在的Diffusion Models上。这篇博客和大家一起详细解读一下DDIM，认识这一伟大的模型。.........

沉迷单车的追风少年 1万+

《C/C++等级考试（1~8级）历届真题解析》专栏总目录

中国电子学会《全国青少年软件编程等级考试》C/C++编程（1~8级）历届真题解析。订阅后可阅读专栏内所有真题解析，真题持续更新中！

人生就是一个不断学习的过程 2万+

html5 禁止文本选中变蓝和图片拖动

例子 <label id= "r_name" onselectstart="return false" style="left: 55px;top: 1px;color: #fff"></label> <img ondragstart= "return false" src="resource/assets/Bg03.png"></img> ...

u013013797的博客 3266

【OS】AUTOSAR架构下MCAL Modules软件分区问题分析

AUTOSAR架构下MCAL Modules软件分区问题分析

qq_36056498的博客 939

通过CSS禁用页面内容选中和复制操作

CSS禁止鼠标拖动选择文字，禁用页面内容选中和复制操作，只需在body的样式中加入如下代码就可以了 body{ -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; -khtml-user-select: none; user-sele...

weixin_30695195的博客 96

IDEA的使用指南

IDEA基于java的使用手册,可以最快速的上手,在使用中不断的丰富自己的使用技巧.

最新的sdio 4.0 spec 协议标准带书签高清完整PDF版

Part-E1-SDIO-Specification-Ver4.00-Final-120220.pdf：最新的sdio 4.0 spec 协议标准带书签高清完整PDF版，包括SDIO 接口的外设，SDIO 接口官方协议等。

禁止鼠标拖动时选中页面中的文字

禁止鼠标拖动时选中页面中的文字给最大的盒子设置 -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;

jinglianglove的博客 1817

jre9下载 jdk9

(Java SE Runtime Environment 9.0) 9.0u175 官方最新版【x86|x64】

网页代码常用小技巧

网页代码常用小技巧！作者：佚名转贴自：电脑之家点击数：940 1. oncontextmenu=window.event.returnvalue=false 将彻底屏蔽鼠标右键〈table border oncontextmenu=return(false)〉〈td〉no〈/table〉可用于Table 2. 〈body onselectstart=return f

2445

复分析阿尔福斯(Ahlfors) 第三版答案英文

答案分为十章，有部分习题没有答案，全英文复分析阿尔福斯(Ahlfors) 第三版答案

【杂记】 (判断是否微信浏览器、media 适配写法、 css字体缩放、css3模糊阴影底图滤镜、禁止鼠标右键保存图片、禁止鼠标拖动图片、文字禁止鼠标选中、禁止复制文本)

最后一个子元素 :last-child{} 判断是否微信浏览器 if(isWeiXin()){ //是微信浏览器走这里 $(".img").show(); }else{ var _w = $(document).width(); if (!navigator.userAgent.match(/(iPhone|iPod|iPad);?/i) &&!navigator.us...

Khun_HWJ的博客 361

msclass 文字滚动_支持鼠标拖动的MSClass文字向左滚动js插件

特效介绍支持鼠标拖动的MSClass文字向左滚动js插件。文字会向左不间断滚动，当鼠标移上去，文字会停止滚动。到按下鼠标可以向左向右拖动文字。使用方法1、在head区引入下面的代码a,body,select,td,b{font-size:12px;text-decoration:none;}body{background:#ffffff;}a,pre{color:#808080;}a:link,a...

weixin_39691055的博客 223

禁止浏览器拖动图片进行下载

<br /> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><br /> <html xmlns="http://www.w3.org/1999/xhtml"><br /> <head><br /> <title>禁止鼠标拖动图片</title><br /> <style type="te

ch_scofield的专栏 4026

前端页面禁止选中文字、拖动图片

前端页面禁止选中文字、拖动图片 /* 禁止选中文字 */ * { -moz-user-select: none; -o-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; /* 鼠标消失 */ /* cursor: none; */ /* 鼠标样式改为图片 */ /* cursor: url('

浮小夏的博客 1102

怎样写禁止鼠标拖动图片，选中文字，复制文字

　　在一些效果中，比如，拖动一个包裹了图片文字的盒子，我们往往需要设置禁止鼠标拖动图片，选中文字，那么如何去设置呢？　　禁止鼠标选中文字，有两种方式：　　　　方法一：在需要设置的元素本身加上onselectstart=”return false;”，例如：<p onselectstart=”return false;”>刘诗诗</p> 　　　　方法二：运用jque...

weixin_30493321的博客 460

33. 禁止鼠标右键保存图片、禁止拖动图片

1、禁止鼠标右键保存图片 <img src="logo.png" width="150" height="150" oncontextmenu="return false;"> 2、禁止鼠标拖动图片 <img src="logo.png" width="150" height="150" ondragstart="return false;"> 3、文字禁...

dengling6509的博客 379

html鼠标选择文字,用css禁止鼠标选择文本

通过css禁止鼠标拖动的时候选择文本,网上搜索了下firefox浏览器: body{-moz-user-select:none;}webkit浏览器(chrome): body{webkit-user-select}关于IE还没有找到到相关的css办法function key(){return false;}document.onkeydown=key;if (window.Event)docum...

weixin_32367173的博客 487

防止鼠标左键拖动选中页面的元素

13.防止鼠标左键拖动选中页面的文字——软设问题总结很多页面在鼠标按住左键拖动的时候都会选择鼠标拖过的元素，像这样：有的时候会给用户挺不好的体验的，然而想要禁止这个功能其实也是很简单的，只需要在body标签设置如下任一方法： css的方法 body{ -webkit-user-select:none; user-select:none; } js的方法 <body onselectstart="return false;" > </body

piaoliangj的博客 1873

网站禁用鼠标右键php代码,JavaScript_网页禁用右键菜单和鼠标拖动选择方法小结，一、禁止鼠标右键菜单：　 - phpStudy...

网页禁用右键菜单和鼠标拖动选择方法小结一、禁止鼠标右键菜单：有如下两种方法来禁止鼠标右键1、在HTML元素的Body标签中加入Javascript事件句柄，代码如下：说明：您也可以在网页指定的位置禁止右键，比如您只想在网页中的某个图片上禁右键防下载，或您只想在网页中的一段文字或表格上禁右键，您也只需将如上红色代码加入到相应的HTML标签元素中，例：文字内容2、编写一个Javascript函数，然后...

weixin_42297810的博客 613

拖动鼠标更改 DIV 高度

背景如图所示，实现拖动更改高度。实现添加一条线，用来控制拖动，鼠标拖动时，计算拖动距离更改 div 的高度。主要是通过 mousedown、mousemove、mouseup 等鼠标事件来实现。 <div id="drag-box"> <div class="data-list" id="drag-top"></div>  <div id="resize" class="res

前端踩坑之路 2441

上一篇：通过CSS设置网页中选中文字的背景色

下一篇：实现301页面永久重定向

低功耗蓝牙技术＞ GAP和GATT介绍

DL_62532的专栏

11-13

4030