好得很程序员自学网

<tfoot draggable='sEl'></tfoot>

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

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

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

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

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

/*设置IOS页面长按不可复制粘贴,但是IOS上出现input、textarea不能输入,因此将使用- webkit - user-select :auto;*/
*{
  -webk IT  -t ouch-callout:none; /*系统默认菜单被禁用*/
  -webkit-user -s elect: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浏览器*/
  m arg in: 0px;
  padding: 0px;
  outline: none;
}

以上就是本文的全部内容,希望对大家的学习有所帮助,更多相关内容请关注PHP中文网!

相关推荐:

HTML5和 jq uery实现弹出创意搜索框层的方法

html5和css3 动态气泡按钮的实现

以上就是html5和CSS 实现禁止IOS长按复制粘贴功能的详细内容,更多请关注其它相关文章!

总结

以上是 为你收集整理的 html5和CSS 实现禁止IOS长按复制粘贴功能 全部内容,希望文章能够帮你解决 html5和CSS 实现禁止IOS长按复制粘贴功能 所遇到的问题。

如果觉得 网站内容还不错, 推荐好友。

查看更多关于html5和CSS 实现禁止IOS长按复制粘贴功能的详细内容...

  阅读:31次