开发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 }
好了,完美解决问题