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