禁止选择文字

最新推荐文章于 2024-08-01 14:56:00 发布

dzzx010

最新推荐文章于 2024-08-01 14:56:00 发布

阅读量475

点赞数

分类专栏： javascript 文章标签：输入框 javascript

本文链接：https://blog.csdn.net/dzzx010/article/details/46457205

版权

javascript 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

从网站收集的一些禁止选择文字方法

1.单个控件：

onselectstart="return false"; //禁止选择文字

2.全局禁止选择文字

<body onSelectStart=return(event.srcElement.type=="text")>

3.全局禁止选择文字但输入框可以选择

<body onSelectStart="return event.srcElement.tagName=='INPUT'">

4.全局禁止选择文字指定输入框可以选择

<body onSelectStart="return false">
Input:<input value="select" onselectstart="event.cancelBubble=true">

5.写在js中

document.onselectstart=function(){return(event.srcElement.type=="text")}

或者

document.body.onselectstart=function(){return event.srcElement.tagName=='INPUT'}

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

dzzx010

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

js禁止选中文字

王敬辉的博客

06-02

2187

禁止鼠标选中(selectstart开始选中) <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style>

通过CSS规则禁止选中文字的实现代码

09-25

本文将详细讲解如何通过CSS规则禁止选中文字，并探讨相关的兼容性问题。首先，CSS中的`user-select`属性是用于控制元素的可选中性。尽管它尚未成为W3C的正式标准，但大部分现代浏览器都以私有属性的形式支持这一...

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

css 修改 input checkbox样式及文字禁止选中

Vision_Pinna的博客

09-21

3757

css 修改 input checkbox样式及文字禁止选中 css 修改 input checkbox样式 input[type="checkbox"]{ -webkit-appearance: none; vertical-align:middle; margin-top:0; background: none; border:#fff soli...

禁止选择文本

晓枫

11-20

604

.noselect { -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Chrome/Safari/Opera */ -khtml-user-select: none; /* Konqueror */ -moz-user-select: none; /* Firefox */ -ms-user...

input禁止输入的4种方法

青茶

08-01

1433

input type="text" value="哈哈哈" disabled="disabled"> //只读不可复制，无法选择，文字会变成灰色。<input type="text" value="哈哈哈" readonly="readonly"> //使用readonly，字段为只读可复制。<input type="text" value="哈哈哈" onfocus="this.blur();

input 输入框屏蔽鼠标选中操作复制剪切等

tenggeer0789的博客

01-15

2966

<input type="text" name="a1" draggable="true" value="aaa"> 给input 框添加 draggable="true"属性即可，是可拖动属性和选中属性冲突所以导致鼠标选中失效，达到目的 ...

禁止鼠标选择文本实现

天涯书塾

03-11

1649

Firefox浏览器屏蔽选择的样式定义：-moz-user-select属性（只支持ff）。属性有三个属性值： 1、none：用none,子元素所有的文字都不能选择，包括input输入框中的文字也不能选择。2、-moz-all：子元素所有的文字都可以被选择，但是input输入框中的文字不可以被选择。3、-moz-none：子元素所有的文字都不能选择，但是input输入框中的文字除外。IE

js鼠标移动时禁止选中文字

10-20

首先，禁止选中文字主要是通过CSS来完成的。我们可以添加一个全局样式，覆盖整个HTML文档，以防止任何部分的文字被选中。以下是一种常见的实现方式： ```css html, body { -webkit-touch-callout: none; /* 针对...

禁止选中文字兼容IE、Chrome、FF等

09-05

本文将详细讲解如何实现跨浏览器的禁止选中文字功能，确保兼容IE、Chrome、Firefox（FF）等主流浏览器。首先，我们可以使用JavaScript的jQuery库来实现这一功能。通过以下代码，可以给指定元素（假设为`el`）添加...

设置禁止文字被选中

mentalitys的博客

08-15

958

.main{ moz-user-select: -moz-none; -moz-user-select: none; -o-user-select:none; -khtml-user-select:none; -webkit-user-select:none; -ms-user-select:none; user-select:...

html5 禁止选中文字,electron禁止选择页面文字

weixin_42549496的博客

06-20

1066

苏南大叔再来普及一个非常常见的electron需求的写法，那就是：窗口内的文字不能被选中(复制)。这个对于客户端来说，这个需求还算是比较合理的。因为毕竟这个客户端不同于网页，如果窗体内的文字可以被任意选中复制的话，确实是有些怪异。那么，本文就是讲述，如何解决文字禁止选中的问题的。本文测试环境:mac。这里需要特殊说明的是：本文中的方案，并不仅仅适用于electron，普通的网页也是适用的，同样具有...

【记录】禁止选中文字

qq_45768703的博客

12-22

386

user-select:none;

禁止input框选中文字后,可以拖动

weixin_51305414的博客

06-20

348

2.给dom节点添加ondragstart事件,然后再return false。eg:假设one是input的dom节点,代码如。1.获取input的dom节点。

input disabled 禁止选中

weixin_30246221的博客

06-29

597

<input type=checkbox disabled /> 转载于:https://www.cnblogs.com/freddyhuang/p/5628589.html

vue实现页面内容禁止选中，仅输入框和文本域可选

weixin_42873160的博客

07-04

8136

上网上翻了翻，共找到两种方式 CSS样式控制，只需将下面代码复制到 vue应用下，index.html文件中的body标签上 *{ -webkit-touch-callout:none; /*系统默认菜单被禁用*/ -webkit-user-select:none; /*webkit浏览器*/ -khtml-user-select:none; /*早期浏览器...

让input不可选的几种方法

bluewhale的专栏

04-02

3204

让input不可选的几种方法方法1: onfocus=this.blur() 方法2:readonly 方法3: disabled

设置文本框是只读

仰望者！

06-19

1628

有时候，我们希望表单中的文本框是只读的，让用户不能修改其中的信息，如使的内容，"中国"两个字不可以修改。实现的方式归纳一下，有如下几种。方法1: onfocus=this.blur() 方法2:readonly 方法3: disabled

uniapp设置禁止选中文字