vue ios 下input 自动聚焦不好使,不能自动唤起键盘

3,504 阅读1分钟

以下方法均不好使

因为ios 有安全机制,必须手动input聚焦

  1. input 添加autofocus:autofocus 在移动版 Safari 上不工作
  2. this.$refs.inputs.focus()
  3. vue 官网
directives:{
  focus:{
    inserted(el){el.focus()}
 }
}
  1. setTimeout 延后
  2. 自动调用click事件

移动端如果想要改变键盘上的entry为搜索需要以下几步

  1. 添加form 并且将text改为search(搜索),number(26键)
<form action="javascript:return true">
        <input type="text" placeholder="请输入"> //前往
</form>
// 直接唤起九键键盘
<input type="text" pattern="[0-9]*" placeholder="请输入数字1">
  1. 这样以后点击搜索不会收起键盘,监听keypress
@keypress
 searchGoods(event) { // 回车键直接失焦,因为这是实时搜索
      if (event.keyCode === 13) {
        this.$refs.handelInput.blur();
      }
    },