h5 input无法输入问题 屏蔽长按事件

开发h5 app中突然发现在手机上长按文本会出现复制粘贴菜单,只要是文本长按都会出现这种情况确实有些不太符合交互,为此特意去翻了一下博客,得到了已下解决方案;

将所有元素的系统默认菜单禁用掉

1 *{
2  -webkit-touch-allout:none;//禁用系统默认菜单
3  user-select:none;//不允许用户选中
4 -webkit-user-select:none;
5 -moz-user-select:none;
6 -ms-user-select:none;
7 }

 但是呢,这样写的话在ios上又会出现输入框无法输入的问题,所以要加上以下代码

1 input,textarea{
2  -webkit-user-select:text;//允许用户选中文本
3 }

好了,完美解决问题

原文地址:https://www.cnblogs.com/wrhbk/p/10983715.html