javascript - Safari下的input无法输入

问题描述

问 题

用vue开发了个wangye

使用到搜索input[type=text] 和contenteditable 的div，在chrome下使用正常

在 Safari下无法输入，还有就是Safari下网页可以缩放，设置了viewport无效

注意gif底下点击之后出现的Done，但是文本框中就是没有值

---

input的code

<div class="search">
      <form @submit.prevent="handleSubmit">
        <input type="text" name="q" v-model="q" placeholder="输入您想搜索的内容" @click="test($event)">
        <input type="submit" value="" class="search-submit">
      </form>
    </div>

---

给input加了个click事件，被点击的对象确实是input框本身。

---

结贴！！！

原来是css设置了-webkit-user-select: none导致的

感谢各位~~~

解决方案

你是不是给 input 设置了 -webkit-user-select: none ？

补充：
之前踩过坑 iOS 设置了 -webkit-user-select: none 会导致 input 无法输入

把 CSS 改成这样

*:not(input) {
  -webkit-user-select: none;
}

这篇关于javascript - Safari下的input无法输入的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！