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 }

好了,完美解决问题


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM