标签： input

关于微信手机端IOS系统中input输入框无法输入的问题

微信H5模拟长按功能，碰到两个问题：

  1. click事件仍然会被触发
  2. input输入框无法输入

其中第二个问题是由于我引入了如下代码取消选中功能导致：

* {
  -webkit-touch-callout:none;
  -webkit-user-select:none;
  -khtml-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none;
}

其中，-webkit-user-select：none；会产生一些问题。
这是webkit内核浏览器下的一个bug，具体可以参考这篇文章：https://bugs.webkit.org/show_bug.cgi?id=82692

最终代码：

*:not(input, textarea) {
  -webkit-touch-callout:none;
  -webkit-user-select:none;
  -khtml-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none;
}

 

更多内容参考：https://www.cnblogs.com/mrnut/p/7656019.html