html5+CSS 禁止IOS长按复制粘贴实现

最新推荐文章于 2023-03-08 09:53:50 发布

转载最新推荐文章于 2023-03-08 09:53:50 发布 · 2.5k 阅读

app嵌入专栏收录该内容

1 篇文章

订阅专栏

本文详细介绍了如何使用CSS禁用网页元素的用户选择功能，以及如何设置输入框和文本区域的默认样式，包括内外边距、填充和轮廓的消除。

-webkit-touch-callout:none; /*系统默认菜单被禁用*/

-webkit-user-select:none; /*webkit浏览器*/

-khtml-user-select:none; /*早期浏览器*/

-moz-user-select:none;/*火狐*/

-ms-user-select:none; /*IE10*/

user-select:none; }

input,textarea {

-webkit-user-select:auto; /*webkit浏览器*/

margin: 0px;

padding: 0px;

outline: none; }

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

New Learning

关注关注

0
点赞
踩
1

收藏

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

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

iOS屏蔽WKWebView长按菜单里的查询、学习、共享等按钮，UIMenuController菜单

学习小使者的专栏

09-09

4124

需求： WKWebView里的文字如果长按的话，会出现UIMenuController菜单快捷键包括：拷贝、粘贴、全选、翻译、查询、学习、共享等功能。当然，苹果给我们提供如此便捷的菜单是好事，我们能不能屏蔽一下不需要的菜单呢？方案一：可以通过css、js等屏蔽长按操作。贴代码： ...

移动端 H5 开发指南涉及html、css、js三大方向

愿你走过半生，归来任是少年。

04-17

798

与移动端打交道，整个阶段都是遇坑填坑的学习过程。移动端开发在前端里像神一样地存在，不是说它多难而是说它坑位实在太多了，怎样填都填不完。Android和iOS各显神通，Android的系统版本和屏幕分辨率多得难以一招兼容，iOS的顽固标准和未知特性多得难以快速掌握。但本文记录的「40条坑位」绝对能让同学们少走很多弯路，特别是前端小白。

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

html5+CSS 实现禁止IOS长按复制粘贴功能

Xjiayi的博客

02-24

4554

/*设置IOS页面长按不可复制粘贴，但是IOS上出现input、textarea不能输入，因此将使用-webkit-user-select:auto;*/*{ -webkit-touch-callout:none; /*系统默认菜单被禁用*/ -webkit-user-select:none; /*webkit浏览器*/ -khtml-user-select:none; /*早期浏览器*/ ...

html5+CSS 禁止IOS长按复制粘贴实现

qinyuhua93的博客

12-28

7552

因为在移动端APP需要实现长按执行别的事件，但是在IOS系统有默认的长按选择复制粘贴，禁止此功能在网上找了很多资料，最终整理出目前最好的解决方法。项目是APP，已经经过多款手机适配此时，因此可以放心使用。 /*设置IOS页面长按不可复制粘贴，但是IOS上出现input、textarea不能输入，因此将使用-webkit-user-select:auto;*/ *{ -webk

html5屏蔽ios长按复制,html5+CSS 实现禁止IOS长按复制粘贴功能

weixin_33410914的博客

06-05

662

html5+CSS 实现禁止IOS长按复制粘贴功能因为在移动端APP需要实现长按执行别的事件，但是在iOS系统有默认的长按选择复制粘贴，禁止此功能在网上找了很多资料，最终整理出目前最好的解决方法。项目是APP，已经经过多款手机适配此时，因此可以放心使用。/*设置IOS页面长按不可复制粘贴，但是IOS上出现input、textarea不能输入，因此将使用-webkit-user-select:aut...

h5页面在ios机上禁止长按复制

react打断点调试

07-21

2727

ios机默认存在长按复制选择，用以下代码取消： *{ -webkit-touch-callout:none; /*系统默认菜单被禁用*/ -webkit-user-select:none; /*webkit浏览器*/ -khtml-user-select:none; /*早期浏览器*/ -moz-user-select:none;/*火狐*/ -ms-user-select:none;...

H5禁止长按粘贴

weixin_39782183的博客

03-07

766

*:not(input,textarea) { -webkit-touch-callout: none; -webkit-user-select: none; } 要注意的是，input等输入框不适合这个属性，启用这个属性的时候input会造成无法输入的情况。 ...

我是ios手机，我要访问一个html5页面，但是这个页面不允许我粘贴，我该怎么办？

最新发布

12-02

我们参考了用户提供的引用内容，这些引用主要讨论如何禁止iOS的长按复制粘贴功能。但用户当前的问题恰恰相反：用户希望解决在iOS手机上访问HTML5页面时无法粘贴内容的问题。根据引用内容，我们注意到在禁止复制...

h5 安卓/IOS长按图片、文字禁止选中或弹出系统菜单的解决方法

03-14

2379

最近在做IM的语音功能，发现当长按录音的时候手机会弹出来系统菜单，IOS下bug形式：1）长按的标签设置为css background的形式：不会弹出菜单；2）但是当设置为img时，系统默认识别为保存图片的行为，因而会产生以下系统菜单：　　　　　　　3）当前标签为纯文字时，会弹出选中文字的系统菜单；安卓的bug形式如下：　　1）当设置为css的background形式时候，系统默认...

移动端H5页面禁止长按复制和去掉点击时高亮

weixin_34148340的博客

04-10

164

/*设置IOS页面长按不可复制粘贴，但是IOS上出现input、textarea不能输入，因此将使用-webkit-user-select:auto;*/ *{ -webkit-touch-callout:none; /*系统默认菜单被禁用*/ -webkit-user-select:none; /*webkit浏览器*/ -khtml-use...

移动端web 禁止长按弹出的菜单 Safari

会飞的程序猿

07-31

6804

如果是禁用长按选择文字功能，用 css 就可以: * { -webkit-touch-callout:none; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; } 如果是想禁用长按弹出菜...

H5前端利用JS实现复制功能(解决ios兼容问题)

weixin_42215167的博客

08-27

675

const ele = document.getElementsByClassName(key)[0] as HTMLElement; const strs0 = ele?.innerText; //获取要复制的内容 let textBox = document.createElement('input'); textBox.value = strs0; document.body.appendChild(textBox); textBox.sele...

CSS禁止用户选择复制

a4604678的博客

11-04

403

-webkit-user-select:none ;-moz-user-select:none; P.S. -wekit-gg浏览器 -moz -ff浏览器 WebKit 是一个开源的浏览器引擎，与之相对应的引擎有Gecko（Mozilla Firefox 等使用）和Trident（也称MSHTML，IE使用）。 WebKit 内核在手机上的应用也十分广泛，例如 Goo...

input输入框只能输入数字、字母相关组合

探索 Java 编程的技巧、最佳实践和解决方案。本博客提供针对 Java 开发者的实用指南，涵盖从基础到高级话题，旨在提升编程效率和技能。

11-05

910

输入大小写字母、数字、下划线： <input type="text" onkeyup="this.value=this.value.replace(/[^\w_]/g,'');"> 输入小写字母、数字、下划线： <input type="text" onkeyup="this.value=this.value.replace(/[^a-z0-9_]/g,'');"> 输入数字和点 <input type="text" onkeyup="value=value.re.

input输入框禁止粘贴、右键、复制、剪切

weixin_43907110的博客

03-08

965

禁止粘贴、右键、复制、剪切

移动端h5页面禁止长按选择复制

艾欢欢的博客

11-01

5166

注意：增加之后需要对input做另外设置，不然输入框无法输入 ios手机默认可以长按选择复制，如不想长按选择，可以用以下代码取消： *{ -webkit-touch-callout:none; /*系统默认菜单被禁用*/ -webkit-user-select:none; /*webkit浏览器*/ -khtml-user-select:none; /*早期浏览器*/...

移动端禁止/阻止/取消长按进行复制粘贴的操作