小程序INPUT 输入框在苹果手机里不能拉起键盘

18935092632 · 发表于 2020-6-17 20:47:03

小程序INPUT 输入框在苹果手机里不能拉起键盘，在安卓系统里正常。请官方测试处理。

18935092632 · 发表于 2020-6-17 21:37:59

解决iphone IOS系统中input输入框无法输入
学习笔记2017/11/02IOS
      最近在做一个项目，由于电脑端用的是chorme（谷歌浏览器），在PC端、android机上面一切都很正常，当时就没用IOS系统测试，直到最近客户反映在苹果手机上输入框不能输入，才知道出现了问题，哈哈。。。。，当时第一感觉是好无奈！

      后来检查元素时发现了这么个东西：-webkit-user-select:none;至于这个属性到底是什么意思，往下接着看。你要让他能输入，把-webkit-user-select:none改成-webkit-user-select:auto;覆盖掉或者直接注释掉就行！

-webkit-user-select 和 -moz-user-select
      或许你常常不希望用户在你的网站上选择文本，无论是否是出于版权的原因。通常大家会有js来实现，另一个方案就是，将-webkit-user-select 和-moz-user-select 的值设为none。

      请谨慎使用这个属性：因为大部分用户是来查看信息的，他们可以复制并存储下来以备将来之用，所以这种方法既无用也无效。如果你禁用了复制粘贴功能，用户还是可以通过查看源文件来获取到他们想要的内容。搞不懂这个属性为什么会被webkit和gecko支持。

      浏览器支持: WebKit, Gecko.