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

最新推荐文章于 2025-05-16 14:00:27 发布
原创 最新推荐文章于 2025-05-16 14:00:27 发布 · 3.5k 阅读 · 0 ·
本内容遵循CC 4.0 BY-SA版权协议
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文介绍了一种方法来防止浏览器中的文本被选中。通过使用特定的HTML标签属性，可以实现不同浏览器（如火狐）下的文本防选中功能。

开发板推荐：天空星STM32F407VET6开发板

超高性价比 STM32主控 | 超高主频 | 一板兼容百芯 | 比赛神器 | 沉金彩色丝印

点击查看


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

解决办法是

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


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

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


开发板推荐：天空星STM32F407VET6开发板

超高性价比 STM32主控 | 超高主频 | 一板兼容百芯 | 比赛神器 | 沉金彩色丝印

点击查看
Awesome-LM-SSP：大模型安全与隐私研究的资源导航与实战指南
最新发布
weixin_30945039的博客
05-01 396
在人工智能领域，大型语言模型的安全与隐私已成为关键研究方向。其核心挑战在于对抗性攻击与隐私泄露风险，涉及提示注入、后门攻击、成员推理等多种技术原理。这些研究不仅关乎模型本身的鲁棒性，更直接影响AI系统的可信部署与合规应用。通过系统化的资源索引与分类，研究者可以高效追踪前沿进展，复现攻击手法，并评估防御方案。本文聚焦的Awesome-LM-SSP项目，正是这样一个社区驱动的资源聚合平台，它围绕提示注入、隐私防护等热点问题，整合了论文、代码与数据集，为从业者提供了从理论到实践的完整学习路径，助力快速构建大模型安
火狐浏览器无法复制网页文字的解决方法
nntxthml的博客
12-27 2440
安全性：在修改浏览器的高级设置或安装第三方工具时，请务必注意安全性。确保你了解每个设置或工具的作用，并避免下载和安装来自不可信来源的软件。备份数据：在进行任何可能影响浏览器功能的操作之前，建议备份你的浏览器数据（如书签、密码等），以防万一。兼容性问题：某些解决方案可能只适用于特定版本的火狐浏览器或特定类型的网页。如果你遇到的问题没有解决，请尝试更新你的浏览器或查找更具体的解决方案。本文提供了一种通过禁用JavaScript来解决火狐浏览器无法复制网页文字问题的方法。
网页无法选取文字
qq_43530326的博客
09-04 2061
网页无法选取文字
百度富文本的格式刷在火狐，360，IE浏览器中存在问题
qq_35592856的博客
01-31 1082
这是插件本身存在的一个问题，很多富文本插件都不带格式刷，在chrome下情况要稍好一点，但仍然存在
IE和火狐中关于禁止选取文本
caiceclb的专栏
06-14 252
又一个鸡肋的功能，ie禁用js，火狐禁用css可以破解，但。。。碰见了，没办法   IE下的处理：   &lt;body oncontextmenu="return false" onselectstart="return false"&gt;   还有就是当页面禁止选择的时候，如何让文本框文字可以选择：   &lt;body onselectstart="return oSele...
el-input加上disabled属性在火狐浏览器下失效
chenlim87的博客
03-08 1689
之前做 了个点击输入框弹出dialog对话框的功能，当然输入框是不能输入的，所以加了disabled属性，在谷歌、IE上都支持。今天同事反映说在火狐上dialog弹不出来。经过测试发现是disabled属性的问题，去掉就可以。或将disabled换成readonly。 <el-input style="width: 220px;" size="mini" v-model="innerItem.orgName" readonly @click.native="openOrgDialog(outerInd
火狐浏览器如何设置兼容模式
weixin_43772292的博客
08-02 2388
在网络浏览中，兼容模式是一个重要的功能，特别是对于那些需要在火狐浏览器上访问旧版网站或网页的用户。总之，虽然开启兼容模式可以改善某些网站的显示和功能，但在享受这些好处的同时，用户可能需要接受一定的性能影响，因此我们可以根据自己的需求去适当的开启和关闭。虽然兼容模式旨在提高旧网站的兼容性，但有时也可能导致不稳定或意外的行为，特别是在使用混合内容（同时使用HTTP和HTTPS资源）的网站上。用户在浏览需兼容模式的网页时，可能会经历轻微的输入延迟或响应时间增加，尤其是在复杂的网页上。
火狐浏览器兼容性：WMP插件的使用与实战
weixin_42612804的博客
05-16 1064
火狐浏览器（Mozilla Firefox）是一款由Mozilla基金会所开发的开源网页浏览器。起源于1998年，最初作为Netscape Navigator浏览器的后继者，火狐浏览器迅速崛起，成为全球最受欢迎的浏览器之一。随着互联网的快速发展，火狐不断创新，引入了多标签浏览、集成搜索栏、扩展和主题支持等功能，提供了更加丰富和安全的网络浏览体验。NPAPI，全称为 Netscape Plug-in API，是浏览器插件的一种重要形式。
火狐浏览器设置兼容模式的方法
xzji001的博客
12-20 5784
3、进入到页面中之后，在常规的设置页面中，我们划到最下方的位置，在最下方的位置就会有一个性能栏，在其中勾选上。怎么设置兼容模式，因为设置好之后我们才能更好的进行使用，下面就让小编给大家介绍一下具体的设置教程。火狐浏览器怎么调成兼容模式 火狐浏览器兼容模式设置方法-下载集 (xzji.com)1、打开我们的狐火浏览器，进入到自己的浏览器主页中，然后点击右上角的。拥有兼容模式才有最好的浏览体验，所以很多用户在使用的时候都想要知道。2、在弹出的界面中，会有很多的功能，我们在其中找到。就可以设置为兼容模式。
火狐浏览器滚动条兼容问题
grootbaby
02-20 6083
在日常开发中，我们经常会用到 overflow: scroll; 但浏览器自带的默认滚动条很难看，因此我们会需要美化它 方法一：自定义美化 谷歌 chrome 浏览器美化滚动条方法：（网上有很多种美化方法，此为一种） .scrollbar { overflow: auto; float: left; border: none; } .scrollbar::-w...
火狐浏览器兼容css_CSS 样式浏览器前缀兼容性写法
weixin_39884373的博客
12-09 4999
网页开发中的 HTML 和 CSS 标准的制定的很缓慢的，但是各大浏览器厂商却特别积极，以至于标准只是被提出来，浏览器厂商就已经实现了(当然IE除外)，但是各家实现方法又不一样，于是就有了针对自己家浏览器的CSS前缀写法，这篇文章给大家分享下 CSS样式浏览器前缀兼容性写法。谷歌浏览器和 Safari浏览器使用的是WebKit渲染引擎，火狐浏览器使用的是Gecko引擎，Internet Explo...
复制文本功能兼容 微信ios 火狐浏览器
weixin_43023873的博客
09-06 579
1.话不多说先来个小漩涡 2.微信ios 火狐不兼容document.execCommand(“copy”); // 执行浏览器复制命令 3.解决方案 <div id="twoLivecode" v-if="copyBox"> <p id="text"> {{twoLivecode}}</p> <textarea id="input...
火狐浏览器的select下拉框样式兼容问题
祈澈菇凉
07-25 2097
在火狐和谷歌浏览器里面，会出现有些样式不兼容的情况，所以为了界面美观，或多或少都要写一些兼容的代码，今天写一个在火狐浏览器里面，select下拉框样式兼容。 在谷歌浏览器，样式是这样的： 当时在火狐浏览器，右侧会有比较难看的小箭头： 这个时候，需要对火狐浏览器里面的select进行一些兼容的操作，需要在全局的css里面添加这...
163editor：火狐浏览器优化的HTML编辑器
weixin_42311427的博客
04-24 1132
简介：HTML编辑器是网页开发中不可或缺的工具，允许用户通过图形界面创建和修改HTML内容。163editor特别针对火狐浏览器进行优化，解决了前版在火狐下无法正常使用的问题，同时支持添加背景图片，增强网页内容的视觉元素。编辑器常用于构建网站互动功能，如留言、评论或回复，提供富文本编辑能力，使非技术人员也能轻松使用。163editor的优化还包括对火狐浏览器特定的Gecko渲染引擎兼容性处理，确保网页内容在不同浏览器中正常工作。
Firefox下el-input出现红框
cfy1030349388的博客
07-13 739
input框在火狐浏览器中边红
关于拖拽在火狐不生效问题
zs960316的博客
10-24 1767
最近在做项目中发现拖拽在火狐不生效，我是用h5拖拽属性实现的拖拽效果，在谷歌上面都能实现拖拽，但是在火狐浏览器下，拖拽失效，最后发现是van-buttton组件在火狐不能拖拽，把组件换成div就可以了。百度了好多方法发现都没有，其中包括在dragstart事件中添加。
全选 不全选 反选 兼容火狐代码
蜗行窝素
06-02 172
&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
Linux火狐不能编辑,火狐浏览器下 contenteditable 内包含不可编辑元素，光标不能出现在元素后面...
weixin_34794420的博客
05-14 981
火狐浏览器下.edit {width: 200px;height: 40px;border: 1px solid green;}.disEdit {display: inline-block;width: 50px;height: 24px;}123 问题原因： 不可编辑元素无法获取光标，并且不可编辑元素又在最后。解决办法：如果不可编辑元素在最后，那么在不可编辑元素后面加一个不显示内容的文本节点即...
html的标签中 unselectable=on 属性的作用
weixin_34321977的博客
06-27 2048
在IE浏览器中，当input获得焦点时，点击有unselectable="on"属性的标签时，不会触发onblur事件。 加上该属性的元素不能被选中。 < !DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">< html> < head> &...
彻底解决网页文字无法选中以及复制的问题!!!（搜集整理）
eling865的专栏
12-07 7050
一、禁用脚本法: 打开浏览器,然后在依次进行如下操作: Interne选项--安全--Interne--自定义级别,找到"活动脚本",把他禁用掉.刷新一下刚才的网页,是不是可以了. 二、查看源文件法: 如果你刷新了之后,之前的内容没有了,就是说不显示了,那说明他显示文字就用的 document对象的 write 方法来进行的.那就进行如下操作,恢复上一次的操作(启用活动脚本),在进
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值