H5禁止手机虚拟键盘弹出

移动端很多时候,为方便用户操作,点击输入框会有很多自定义弹框,方便用户选择输入


123.gif

那么,当输入框获取焦点后,自定义的弹框会弹出,手机输入键盘也会弹出,这就有问题了

解决方法

document.activeElement.blur();

在点击输入框事件中加上这么一句话就行了

<div class="item">
       <label>生日</label>
       <input type="text"
               ref="birthday"
               v-model="userInfo.birthday"
               @click="openPicker"
               placeholder="请选择生日">
 </div>
openPicker() {
       document.activeElement.blur(); //加上这句话就解决
       this.$refs.picker.open();
  },

推荐阅读更多精彩内容

  •   JavaScript 与 HTML 之间的交互是通过事件实现的。   事件,就是文档或浏览器窗口中发生的一些特...
    霜天晓阅读 1,143评论 0 7
  • 不知不觉,岁寒输入法的更新历史已经可以列出这么一长串来了。从中可以看出,岁寒的发展过程也是一个不断试错的过程,其中...
    临岁之寒阅读 29,096评论 1 5
  • 孤孤单单一个人 走在尘世的道路上 梦里不知花落 前途未卜,坎坷难行 小人物,独自行 四海为家 万物为友 星辰为伴 ...
    闲垂散人阅读 8评论 0 1
  • 指数基金如何挑选? 首先我们要知道价值投资的三个理论: 一:价格与价值的关系:股票有其内在的价值,股票的价格围绕其...
    曾兰枫阅读 29评论 0 0
  • 朋友,究竟该如何去定义。有人认为能叫得出名字的可以称之为朋友;有人认为一起吃过饭喝过酒的就是朋友;也有人认为互相知...
    喜小欢4004阅读 289评论 2 2