html5和CSS 实现禁止IOS长按复制粘贴功能
因为在移动端APP需要实现长按执行别的事件,但是在iOS系统有默认的长按选择复制粘贴。禁止在网上找了很多资料,下面小编给大家分享解决方案,一起看看吧
因为在移动端APP需要实现长按执行别的事件,但是在iOS系统有默认的长按选择复制粘贴,禁止此功能在网上找了很多资料,最终整理出目前最好的解决方法。
项目是APP,已经经过多款手机适配此时,因此可以放心使用。
/*设置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; }
以上就是本文的全部内容,希望对大家的学习有所帮助,更多相关内容请关注教程集!
相关推荐:
HTML5和jquery实现弹出创意搜索框层的方法
html5和css3 动态气泡按钮的实现
以上就是html5和CSS 实现禁止IOS长按复制粘贴功能的详细内容,更多请关注教程集其它相关文章!
您可能感兴趣的文章:
html5和CSS 实现禁止IOS长按复制粘贴功能
js禁止页面F5刷新 右键与后退的代码
文本框禁用右键、复制、粘贴等功能的js代码
js 事件-禁止右键与文本选择
javascript禁止页面操作(右键、复制、F5刷新)等代码
如何让HTML5实现移动端复制功能
javascript右键弹出图片另存为对话框的代码
基于jquery的设置页面文本框 只能输入数字的实现代码
html5 touch事件实现触屏页面上下滑动
js禁用鼠标右键菜单(加强版)