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


本文摘自PHP中文网,作者不言,侵删。

这篇文章主要介绍了关于html5和CSS 实现禁止IOS长按复制粘贴功能,有着一定的参考价值,现在分享给大家,有需要的朋友可以参考一下

因为在移动端APP需要实现长按执行别的事件,但是在iOS系统有默认的长按选择复制粘贴。禁止在网上找了很多资料,下面小编给大家分享解决方案,一起看看吧

因为在移动端APP需要实现长按执行别的事件,但是在iOS系统有默认的长按选择复制粘贴,禁止此功能在网上找了很多资料,最终整理出目前最好的解决方法。

项目是APP,已经经过多款手机适配此时,因此可以放心使用。

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

/*设置IOS页面长按不可复制粘贴,但是IOS上出现input、textarea不能输入,因此将使用-webkit-user-select:auto;*/

*{

  -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;

}

阅读剩余部分

相关阅读 >>

如何查看div被设置什么css样式

css如何实现圆形头像

jquery如何动态添加删除css样式?(代码示例)

css制作立体导航栏的方法

css的盒模型有哪些

css中的display是什么意思

怎样让前端界面自动清理js、css文件的缓存

css transform属性怎么用

css里面有哪些选择器

css放在哪里

更多相关阅读请进入《css》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...