鼠标移动时禁止选中文字

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

关注

转载最新推荐文章于 2026-01-26 17:13:32 发布 1.1w 阅读 AI 写同款· GEO 优化 ›

鼠标拖拽问题，不选中文本&不触发单击事件 mousemove鼠标拖拽需要注意什么问题？鼠标拖拽会依次触发mousedownmousemovemouseupclick事件。很多时候在一个元素的时候，应该怎么避免在拖拽时不触发单击事件？不触发文本选中问题？阅读详情

今天在做div移动时遇到一个奇怪的问题，就是在移动div的时候偶尔会选中div中的文字，同时会影响div移动的流畅性，可郁闷了查了查资料有用css实现的也有用js实现的具体原理就细看直接上解决方法

下面来自转载网上滴：

这是通过CSS样式来实现的禁止用鼠标选择功能：unselectable为IE准备,onselectstart为Chrome、Safari准备,-moz-user-select是FF的
css style:html,body{-moz-user-select: none; -khtml-user-select: none; user-select: none;}

<div unselectable="on" onselectstart="return false;" style="-moz-user-select:none;">
屏蔽选择的样式定义：-moz-user-select属性（只支持ff）。
属性有三个属性值：
1、 none：用none,子元素所有的文字都不能选择，包括input输入框中的文字也不能选择。
2、 -moz-all：子元素所有的文字都可以被选择，但是input输入框中的文字不可以被选择。
3、 -moz-none：子元素所有的文字都不能选择，但是input输入框中的文字除外。

收录于

CSS — 基础

当前文章被收录于：

CSS — 基础

5 篇文章 0 人学习

订阅专栏查看详情

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

Matterport3D数据集介绍与下载（全网最详细）阅读详情

相关推荐

基于RK3568的YOLOv11模型端侧推理优化与部署实战指南

在AI边缘计算领域，瑞芯微RK3568芯片凭借其强大的NPU算力和丰富的接口资源，成为了众多开发者的首选平台。然而，瑞芯微官方文档虽然提供了YOLO11预训练模型的部署方案，但对于需要自定义数据集训练的开发者来说，从模型训练到板端部署的完整流程却缺乏详细指导。本文将带你走完从环境搭建、数据准备、模型训练到最终板端部署的完整技术路线，并分享实际开发中遇到的各种坑点和解决方案。让我们一起探索如何在RK3568平台上实现30FPS稳定推理的YOLO11目标检测应用！

m0_64661770的博客 94

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

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

xiliuhu的专栏 2264

AUTOSAR_MMOD_MetaModel.zip.zip

vue实现浏览器禁止鼠标选中文字&禁止右键&禁止F12键

1. 禁止鼠标选中文字 2.禁止右键 3. 禁止F12键 4. 使用css样式实现禁用选中文字 5. 其他样式自己尝试吧 6. img标签禁用选中、拖拽、右键

hello，word！ 3983

JavaScript-----禁止鼠标选中文字和禁止鼠标右键上下文菜单

一.禁止鼠标选中 selectstart 开始选中二.禁止鼠标右键菜单 contextmenu 主要控制应该何时显示上下文菜单,主要用于程序员取消默认的上下文菜单

weixin_45904557的博客 1939

获得鼠标坐标的方式以及相关的鼠标天使移动案例

鼠标坐标获取 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <tit.

weixin_51415327的博客 305

鼠标事件之禁止选中文字与禁止右键菜单

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <p>这是一段不愿意分享的文字</p> <script type="text/javascript"> //1.contextmenu 我们可以禁用右键菜单 document.a.

m0_62962469的博客 558

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

html,body{-moz-user-select: none; -khtml-user-select: none; user-select: none;} 屏蔽选择的样式定义：-moz-user-select属性（只支持ff）。属性有三个属性值： 1、 none：用none,子元素所有的文字都不能选择，包括input输入框中的文字也不能选择。 2、 -moz-all：子元素所有的文字都可以被选择，但是input输入框中的文字不可以被选择。 3、 -moz-none：子元素所有的文字都不能选择，但是i

I_try的博客 467

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

今天在做div移动时遇到一个奇怪的问题，就是在移动div的时候偶尔会选中div中的文字，同时会影响div移动的流畅性，可郁闷了查了查资料有用css实现的也有用js实现的具体原理就细看直接上解决方法下面来自转载网上滴：这是通过CSS样式来实现的禁止用鼠标选择功能：unselectable为IE准备,onselectstart为Chrome、Safari准备,-moz-...

weixin_30732487的博客 154

vue自定义指令实现拖动div

directives: { drag: { // 指令的定义 bind: function (el) { let oDiv = el; //当前元素 let self = this; //上下文 //禁止选择网页上的文字 document.onselectstart = function () { return false; }; oDiv.onmousedow

qq_16495187的博客 436

html 鼠标无法选中文字,CSS鼠标移动div时如何避免选中div中的文字

网易公开课安卓版5.5.0官方最新版类型：教育学习大小：24.2M语言：中文评分：10.0标签：立即下载很多朋友都遇到过这样的问题，鼠标移动div时老是容易选中div中的文字，操作过快甚至连网页都给咔嚓了，十分蛋疼，小编倒是想知道jb51的小伙伴们在抄袭别人的时候有没有遇到！具体问题移动div的时候速度过快会选中div中的文字，同时会影响div移动的流畅性，导致效率很低解决方法通过CSS样式来实...

weixin_39691233的博客 1357

vue 禁止拖拽选中文字、禁止复制、禁止右键菜单

开发后台管理系统供内部人员使用时，一般是需要做一些页面方面的禁用设置。常见的禁止右键菜单，禁止复制，禁止拖拽选中文字以及禁止F12打开控制台等。

weixin_41706307的博客 4600

禁止鼠标移动时选中文本

问题:在页面中鼠标移动的过程中会选中一些按钮或者a标签中的文本，降低了用户的体验感解决: css： body{ -moz-user-select: none; /*firefox*/ -webkit-user-select: none; /*webkit浏览器*/ -ms-user-select: none; /*ie10+*/ -khtml-user-select :n...

qq_37562908的博客 672

html div鼠标选中状态,CSS鼠标移动div时如何避免选中div中的文字

很多朋友都遇到过这样的问题，鼠标移动div时老是容易选中div中的文字，操作过快甚至连网页都给咔嚓了，十分蛋疼，小编倒是想知道jb51的小伙伴们在抄袭别人的时候有没有遇到！具体问题移动div的时候速度过快会选中div中的文字，同时会影响div移动的流畅性，导致效率很低解决方法通过CSS样式来实现的禁止用鼠标选择功能：unselectable为IE准备,onselectstart为Chrome、Sa...

weixin_34897112的博客 893

JS——禁止鼠标右键,禁止拖动网页元素,禁止选中文字,禁止复制文本

oncontextmenu="return false;" //禁止鼠标右键 ondragstart="return false;" //禁止鼠标拖动 onselectstart="return false;"//禁止选中文字 onselect="document.selection.empty();"//禁止复制文本

1668

禁止文字选中的办法

多啦的博客 5518

上一篇： jquery easyui window API

下一篇： Raphael和SVG一些文章的收集

基于RK3568的YOLOv11模型端侧推理优化与部署实战指南