连续点击div等标签或其他的地方会出现一片蓝色怎么办？

最新推荐文章于 2025-03-04 16:23:06 发布
原创 最新推荐文章于 2025-03-04 16:23:06 发布 · 594 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文介绍了两种方式来实现网页中禁用选中文本的功能，一种是通过添加 CSS 样式，另一种是使用 JavaScript 实现。
1，添加css：

body{
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
}

2，或添加js：


document.onselectstart=new Function("return false");
计算机文化基础必背知识点
s13596191285的博客
06-24 594
计算机处理数据时，CPU通过数据总线一次存取、加工和传送的数据称为字，计算机的运算部件能同时处理的(这一组)二进制数据的位数称为字长。还包括机器的兼容性（数据和文件的兼容、程序兼容、系统兼容和设备兼容），系统的可靠性（平均无故障工作时间），系统的可维护性（平均修复时间），机器允许配置的外部设备的最大数目，数据库管理系统及网格功能等。对计算机硬件资源的有效控制与管理，提高计算机资源的使用效率，协调计算机各组成部分的工作，并在硬件提供的基本功能的基础上拓展计算机的功能，提高计算机实现和运行各类应用任务的能力。
Web前端开发规范参考手册
Proction的博客
12-14 734
web前端开发基本规范
解决多次点击出现蓝色背景
抚琴之泪的博客
09-28 1791
解决多次点击出现蓝色背景
div点击出现蓝框是咋回事？
qq_39429962的博客
10-11 8452
我们大家肯定都遇到过，点击一个div他的出现了一个蓝色边框，而且给他设置border属性也不会变化，这是为什么呢？ 这是因为我们点击div时它获取了焦点，所谓焦点指的就是当前操作的对象，当我们操作一个div时，这个div就获取了焦点。 解决办法： div:focus{ outline:none; }  ...
css/js解决 页面多次点击时出现部分蓝色
qq_45308912的博客
05-21 1187
有时候双击或者多次点击一个地方，会出现一些蓝色的块。 css3参考手册中是这么讲解 下面是css 和 js 解决方式，任一都可： css： body{ -webkit-user-select: none;   -moz-user-select: none;   -ms-user-select: none;   user-select: n...
手机点击出现蓝色区域方块
A_bet_of_three_years的博客
10-28 3553
手机点击出现蓝色区域方块如何解决
双电源系统如何影响ADC精度？6大干扰路径与隔离设计方案揭秘
!...# 1. 双电源系统与ADC精度的关系解析 在高精度数据采集系统中，ADC的性能直接受到供电环境的影响。双电源系统通过分离模拟...然而，若电源分配网络（PDN）设计不当，反而会引入地弹、共模电压波动等干扰，导致ADC输入
2022年最新前端面试题（大前端时代来临卷起来吧小伙子们..持续维护走到哪记到哪）
fwdwqdwq的博客
03-07 3200
HTML和Css部分 1、对BFC规范（块级格式化上下文）的理解 BFC 块级格式化上下文 一块独立的区域，有自己的规则，bfc中的元素与外界的元素互不影响 BFC是一块用来独立的布局环境，保护其中内部元素不受外部影响，也不影响外部。 怎么触发BFC 1. float的值left或right 2. overflow的值不为visible（默认） 3. display的值为inline-block、table-cell、table-caption 4. position的值为absolute（绝对定位）或f
【前端】如果多次点击菜单导致菜单标题出现蓝色背景
最新发布
ming
03-04 511
如果蓝色背景是由组件的默认样式引起的，可以通过自定义样式覆盖默认样式。/* 覆盖 Element UI 的菜单选中样式 */important;important;以上方法可以根据你的具体需求选择使用。如果蓝色背景是由于浏览器的默认选中效果，推荐使用 CSS 的属性来禁用选中效果。如果是由组件的默认样式引起的，可以通过自定义样式覆盖默认样式。如果需要更精细的控制，可以结合 Vue 的事件修饰符或 JavaScript 的事件处理来实现。
双击清除浏览器带来的文字蓝色阴影
疯狂H5的博客
03-06 1379
之前的文章内容莫名其妙的给吞了,所以我删除了那篇文章.重新写这篇文章 如果你出现如下图这样的情况,那么这篇文章就会解决你的问题 多次点击文字,就会出现蓝色的背景颜色. 只要你给被点击的标签一个属性那么就可以避免出现这种问题了. 禁止选中文字: 在FF(火狐浏览器上只能用属性来设置 禁止选中文字属性 ) -moz-user-select:none; 在...
移动端开发----el-select、div点击出现蓝色背景色
KKKKKKD的博客
02-24 1470
最近在开发移动端的过程中发现，点击div实现页面跳转时，或者进行el-select进行下拉框选择，回出现蓝色背景色 经查阅，使用 -webkit-tap-highlight-color该属性即可解决 .el-select{ -webkit-tap-highlight-color: transparent !important; } 这个属性只用于iOS (iPhone和iPad)。当你点击一个链接或者通过Javascript定义的可点击元素的时候，它就会出现一个半透明的灰色背景。要
01.Vue中通过点击div更改背景颜色(本人新手，记录学习过程)
Aiydairuning的博客
05-30 7961
01.Vue中通过点击div更改背景颜色(本人新手，记录学习过程) 通过v-bind:class 实现 <div id="app"> <div :class="{active : currentIndex == index}" v-for="(item,index) in info" @click="divCLick(index)">{{item}} </div> </div> <script> /**
HTML多次点击字体背景颜色变蓝
SiaEyre
05-16 2162
解决方法：变蓝是因为浏览器添加了默认的事件 1.js方法 组织默认事件selectstart发生 $('不要变蓝的元素').bind("selectstart", function () { return false; });2.css方法 body { -webkit-user-select: none; -moz-user-select: none; -ms-u...
移动端点击div区域或者span出现蓝色边框
StarFishing
12-28 5228
div或者button的样式里面加上： -webkit-tap-highlight-color:rgba(0,0,0,0); 解决移动端点击出现div等出现区域边框的问题
解决手机端页面的鼠标点击出现蓝色背景
wuyou1336的博客
12-28 3762
在手机网页中点击某一个链接或是文本框后通常会在上面出现一个蓝色的透明的框（不同手机颜色有差别）。 在网页中可以使用一个css修改这个框的颜色。 * { -webkit-tap-highlight-color:transparent; }
html中连续点击某个标签会出现蓝色的解决方法
weixin_34179762的博客
03-31 886
给标签加上下面的属性就可以了，也可以把这些属性建立一个class名，谁需要的时候加上也ok -moz-user-select: none; /*mozilar*/ -webkit-user-select: none; /*webkit*/ -ms-user-select: none; /*IE*/ user-select: none; 转载于:https://www.cnbl...
移动端点击出现蓝色框的解决方案
weixin_30337157的博客
08-06 804
/*这一句是用来解决在安卓上的点击出现篮框问题*/body{ -webkit-tap-highlight-color:rgba(0,0,0,0); }/*下面是解决ios上去除微信点击蓝色边框 */a:focus,input:focus,p:focus,div:focus{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-user-modify:r...
移动端解决onclick事件元素出现背景色框问题
卜小娴的博客
09-11 1905
当我们在移动端给元素添加点击事件时我们会发现点击时元素会默认出现一个背景色框或者高亮显示，这个时候我们就需要使用-webkit-tap-highlight-color属性来解决，它的原理是使用用户自定义颜色值覆盖原先的高亮色，使用如下： -webkit-tap-highlight-color：transparent/color； 用户可以自定义取值，当取值transparent时将不会出现背景色
a标签绑定一个onclick点击隐藏div再点击显示div 点击div以外的地方也隐藏
06-07
您可以按照以下步骤实现a标签绑定onclick点击隐藏div再点击显示div，以及点击div以外的地方也隐藏： 1. 首先，您需要为目标div设置一个id属性，例如：`<div id="myDiv">...</div>` 2. 接下来，您可以使用JavaScript代码来实现点击a标签时隐藏/显示目标div，例如： ``` var myDiv = document.getElementById("myDiv"); var myLink = document.getElementById("myLink"); myLink.onclick = function() { if (myDiv.style.display === "none") { myDiv.style.display = "block"; } else { myDiv.style.display = "none"; } }; ``` 3. 为了实现点击div以外的地方也隐藏目标div，您可以在window对象上绑定一个click事件监听器，并在该事件处理函数中检查点击的目标是否是目标div或a标签。如果不是，则隐藏目标div。例如： ``` window.onclick = function(event) { if (event.target !== myDiv && event.target !== myLink) { myDiv.style.display = "none"; } }; ``` 这样，当您点击a标签时，目标div会隐藏/显示。当您点击div以外的地方时，目标div也会隐藏。
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值