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

最新推荐文章于 2025-09-16 10:26:09 发布
原创 最新推荐文章于 2025-09-16 10:26:09 发布 · 3.4k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文介绍了一种方法来防止浏览器中的文本被选中。通过使用特定的HTML标签属性，可以实现不同浏览器（如火狐）下的文本防选中功能。
部署运行你感兴趣的模型镜像


很多时候 浏览器上的文本被莫名其妙的选中出现蓝色文本，很是厌倦

解决办法是

一般的浏览器加<div onselectstart="return false;"> 这一句 就是div标签内部的文本不能被选中


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

 <div onselectstart="return false;" style="-moz-user-select:none;" >
要加上后面这一个css style 


您可能感兴趣的与本文相关的镜像

TensorFlow-v2.9

TensorFlow-v2.9

TensorFlow

TensorFlow 是由Google Brain 团队开发的开源机器学习框架,广泛应用于深度学习研究和生产环境。 它提供了一个灵活的平台,用于构建和训练各种机器学习模型

火狐浏览器无法复制网页文字的解决方法
nntxthml的博客
12-27 2208
安全性：在修改浏览器的高级设置或安装第三方工具时，请务必注意安全性。确保你了解每个设置或工具的作用，并避免下载和安装来自不可信来源的软件。备份数据：在进行任何可能影响浏览器功能的操作之前，建议备份你的浏览器数据（如书签、密码等），以防万一。兼容性问题：某些解决方案可能只适用于特定版本的火狐浏览器或特定类型的网页。如果你遇到的问题没有解决，请尝试更新你的浏览器或查找更具体的解决方案。本文提供了一种通过禁用JavaScript来解决火狐浏览器无法复制网页文字问题的方法。
tinymce 适配火狐浏览器
chenyang_GIS的博客
01-25 638
火狐浏览器调用tinymce时图标库找不到相关问题 在vue项目中使用了tinymce作为富文本编辑器。测试时firefox加载不到静态资源，如图。 解决方法 将node_moudles中的tinymce 复制一份到public/static 中，在初始化富文本的时候指定base_url 为’/static/tinymce‘ base_url: “/static/tinymce” 更多配置参见官网: https://www.tiny.cloud/docs/configure/integration-a
网页无法选取文字
qq_43530326的博客
09-04 2025
网页无法选取文字
安装ibus以后火狐firefox只能打出英语字母，不能打出中文
最新发布
tfboys_0910521的博客
09-16 441
摘要：火狐浏览器无法输入中文的问题可能源于Ubuntu的Snap打包技术。Snap会将程序运行在沙盒中，导致与系统输入法失联。解决方案分两步：1)运行snaplist确认火狐是否通过Snap安装；2)若确认是Snap版，建议卸载后改用APT安装原生版本，并添加Mozilla官方仓库以确保更新。该方法可彻底解决输入法兼容性问题。请先执行第一步诊断以确认问题根源。
el-input加上disabled属性在火狐浏览器下失效
chenlim87的博客
03-08 1650
之前做 了个点击输入框弹出dialog对话框的功能，当然输入框是不能输入的，所以加了disabled属性，在谷歌、IE上都支持。今天同事反映说在火狐上dialog弹不出来。经过测试发现是disabled属性的问题，去掉就可以。或将disabled换成readonly。 <el-input style="width: 220px;" size="mini" v-model="innerItem.orgName" readonly @click.native="openOrgDialog(outerInd
百度富文本的格式刷在火狐，360，IE浏览器中存在问题
qq_35592856的博客
01-31 1063
这是插件本身存在的一个问题，很多富文本插件都不带格式刷，在chrome下情况要稍好一点，但仍然存在
禁止页面全选复制IE,Opera,Mozilla Firefox,Google Chrome,Safari,Flock等主流浏览器测试成功...
weixin_34228617的博客
01-08 4988
  1 &lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;  2 &lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;  3   4 &lt;he...
JS实现兼容各种浏览器的获取选择文本的方法【测试可用】
10-22
1. 对于IE浏览器，使用`document.selection.createRange().text`获取选中文本。 2. 在其他现代浏览器中，使用`window.getSelection().toString()`获取选中文本。 3. 对于`input`和`textarea`元素，可以通过`...
eWebEditor7.0文本编辑器兼容FireFox(火狐)、Chrome(谷歌)浏览器
03-28
eWebEditor V7.0 版发布，新增支持FireFox(火狐)、Chrome(谷歌)浏览器。新增超级多文件分块上传、G级大文件上传解决方案。内核全部重写。完美对话框界面。增强的多插件媒体插入支持、选项卡、代码格式化、保护模式、...
解决火狐浏览器兼容问题的js三级联动省市区实现方法
火狐（Firefox）浏览器对`innerText`的支持并不完善，这会导致在火狐浏览器上出现功能失效的情况。 #### 具体区别： 1. **innerText**：此属性是Internet Explorer浏览器特有的，用于获取或设置元素的可见文本。它...
实现js复制链接兼容IE和火狐浏览器
IE和火狐浏览器在处理JavaScript事件和API调用方面存在差异，这需要开发者能够编写出能够兼容这些差异的代码。 ### 标签知识点 标签 “源码 工具” 表明提供的文件是一个具体的实现源代码，以及可能使用的工具或库...
Linux火狐不能编辑,火狐浏览器下 contenteditable 内包含不可编辑元素，光标不能出现在元素后面...
weixin_34794420的博客
05-14 946
火狐浏览器下.edit {width: 200px;height: 40px;border: 1px solid green;}.disEdit {display: inline-block;width: 50px;height: 24px;}123 问题原因： 不可编辑元素无法获取光标，并且不可编辑元素又在最后。解决办法：如果不可编辑元素在最后，那么在不可编辑元素后面加一个不显示内容的文本节点即...
关于拖拽在火狐不生效问题
zs960316的博客
10-24 1661
最近在做项目中发现拖拽在火狐不生效，我是用h5拖拽属性实现的拖拽效果，在谷歌上面都能实现拖拽，但是在火狐浏览器下，拖拽失效，最后发现是van-buttton组件在火狐不能拖拽，把组件换成div就可以了。百度了好多方法发现都没有，其中包括在dragstart事件中添加。
全选 不全选 反选 兼容火狐代码
蜗行窝素
06-02 164
&lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"&gt; &lt;html&gt; &lt;head&gt; &lt;title&gt;demo3.html&lt;/title&gt; &lt;meta http-equiv="keywords" content=&q
IE和火狐中关于禁止选取文本
caiceclb的专栏
06-14 237
又一个鸡肋的功能，ie禁用js，火狐禁用css可以破解，但。。。碰见了，没办法   IE下的处理：   &lt;body oncontextmenu="return false" onselectstart="return false"&gt;   还有就是当页面禁止选择的时候，如何让文本框文字可以选择：   &lt;body onselectstart="return oSele...
Firefox下el-input出现红框
cfy1030349388的博客
07-13 705
input框在火狐浏览器中边红
html的标签中 unselectable=on 属性的作用
weixin_34321977的博客
06-27 2008
在IE浏览器中，当input获得焦点时，点击有unselectable="on"属性的标签时，不会触发onblur事件。 加上该属性的元素不能被选中。 < !DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">< html> < head> &...
彻底解决网页文字无法选中以及复制的问题!!!（搜集整理）
eling865的专栏
12-07 6903
一、禁用脚本法: 打开浏览器,然后在依次进行如下操作: Interne选项--安全--Interne--自定义级别,找到"活动脚本",把他禁用掉.刷新一下刚才的网页,是不是可以了. 二、查看源文件法: 如果你刷新了之后,之前的内容没有了,就是说不显示了,那说明他显示文字就用的 document对象的 write 方法来进行的.那就进行如下操作,恢复上一次的操作(启用活动脚本),在进
html页面双击选中文字,css怎么设置双击不选中文字？
weixin_36342477的博客
06-03 1834
在双击左右箭头，快速切换图片滚动时，会经常双击，浏览器就会默认选中你双击的文本，这种感觉有点不太好。该如何取消双击选中文字呢？下面我们来看一下css设置双击不能选中文字的方法。css禁止双击页面选中文本可以使用user-select属性。css代码如下：div{-moz-user-select:none;/*火狐*/-webkit-user-select:none;/*webkit浏览器*/-ms...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值