取消文字默认选中效果

原创于 2024-07-15 14:55:27 发布 · 365 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#前端 #html5 #css3

在这里插入图片描述
点击的时候会选中文字

  .user-select-none {
       user-select: none;
    }


<div class="model user-select-none" onclick="createRipple(event)">
    Click me for ripple effect outside
</div>

点击再快也不会选中了
在这里插入图片描述

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

苦瓜大大王

关注关注

3
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
打赏
打赏
打赏举报

举报

js 取消页面可以选中文字的功能方法

10-18

在JavaScript中，取消页面文字选中主要是通过监听选中事件并阻止其默认行为来实现的。在旧版的IE浏览器中，可以使用`document.onselectstart`属性来阻止用户选中文字。将此属性设置为返回`false`的函数，就可以阻止...

屏蔽双击选中文字的方法兼容FF及以外的浏览器

09-25

`onselectstart`是一个在选中文本或图片时触发的事件处理器，通过返回`false`可以取消默认的选中行为，从而实现屏蔽选中效果。将上述两种方法结合，我们可以实现一个跨浏览器兼容的屏蔽双击选中文字的方案。即在...

参与评论您还未登录，请先登录后发表或查看评论

[css] 取消双击选中文字

qq_14993591的博客

04-02

548

div{ -moz-user-select:none;/*火狐*/ -webkit-user-select:none;/*webkit浏览器*/ -ms-user-select:none;/*IE10*/ -khtml-user-select:none;/*早期浏览器*/ user-select:none; } 这样这个区域的文字就不会被选中了。 css取消双击选中文字 ...

css取消双击选中文字

厚渡

04-24

5645

如何让用户不能选中文字呢？还有种方法就是在相应的元素上添加 onselectstart=“return false;” div{ -moz-user-select:none;/*火狐*/ -webkit-user-select:none;/*webkit浏览器*/ -ms-user-select:none;/*IE10*/ -khtml-user-select:none;/*早期浏览器*/ user-select:none; } 注意：如果写在body中

[css] 如何取消页面中选中的文字？

歌谣的博客

01-16

635

[css] 如何取消页面中选中的文字？ user-select: none; /* browser-specific values */ -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; 个人简介我是歌谣，欢迎和大家一起交流前后端知识。放弃很容易，但坚持一定很酷。欢迎大家一起讨论主目录与歌谣一起通关前端面试题 ...

css 取消文本选择状态,CSS禁用文本选择(CSS disable text selection)

weixin_42397739的博客

08-04

1228

目前，我已经在body标签把这个禁用文字选择：body {-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}然而，我的input和textarea框现在可选择。我如何只能让这些输入元素选择，其余不可选择？Answer 1:不要将这些属性应用到整个身体。它们移到类...

css 取消文本选择状态,使用CSS选中/取消选中复选框时切换文本和文本框

weixin_42638139的博客

08-04

907

在我的HTML程序中，我正在尝试实现一个功能，其中有一个文本问题，“你今天工作了吗？”然后是一个复选框。如果选中复选框是，我想要出现一个新行，询问“你工作了多长时间？”然后是文本框。我目前有CSS实现了我的目标，但它只切换文本框，你有多长时间不断显示。如何将文本与文本框一起隐藏？这是我的CSS代码：function $_(IDS) { return document.getElementById(...

html中的文字，取消双击选中效果，但是要保留拖动选中

最新发布

09-25

用户说："取消文字双击选中效果但保留拖动选中效果"，所以可能单击选中不常见，但如果在某些上下文单击选中，用户可能也想取消。用户明确说保留拖动选中，所以拖动相关的选中应该允许。在引用中，用户提到"取消...

Android中listView选中第一行，或任意一行，选中后能取消

02-23

为了实现选中效果，我们可以修改View的背景色，通常选中状态会有一个特殊的颜色： ```java view.setBackgroundColor(ContextCompat.getColor(context, R.color.selected_color)); ``` 同时，我们需要记录当前选中...

css 取消鼠标双击选中

这是我的博客

07-09

3485

有时候我们在页面上操作的时候，总会碰到鼠标连点的情况下，这样会导致你点击的文字地方出现一片蓝色选中状态，例如：导致体验效果不理想。取消上面情况：（css） -moz-user-select:none; -ms-user-select: none; -webkit-user-select: none; user-select: none; 做个记录，防止遗忘。。。 ...

CSS 禁止选择（取消被选中背景）

ISaiSai的专栏

12-09

1万+

两个方案 1 使用 user-select 禁止用户选择 -webkit-user-select: none; /* Chrome all / Safari all */ -moz-user-select: none; /* Firefox all */ -ms-user-select: none; /* IE 10+ */ /*

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

晚星的博客

11-25

5580

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

input type=“text“ CSS取消点击选中显示黑框的效果

博客

07-11

2702

CSS取消点击显示选中框的效果

阻止元素被选中及清除选中的方法

cangdu的专栏

01-06

3823

有时候，我们希望阻止用户选中我们指定区域的文字或内容。举个栗子，有时候用户在一个区域执行频繁的点击操作，一不小心傲娇地点多了，就会选中当前区域的内容。再举个栗子，制作轮播组件的时候，点击下一页，若点击的快的话，浏览器会识别为双击。双击的默认效果是选中整片区域，这时候轮播图组件就会被表示忧郁的蓝色幕布盖住，多忧桑啊~ 你看，这妹子多赞啊，可是你一紧张就乱点下一张的话，就变成酱紫了：

css设置禁止文字被选中