vue监听滑动事件,隐藏移动端键盘或者input失去焦点

Posted 懒人猫

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue监听滑动事件,隐藏移动端键盘或者input失去焦点相关的知识,希望对你有一定的参考价值。

在页面加载的地方mounted或者created写监听事件,注意使用touchmove事件

window.addEventListener("touchmove",this.myTouchMove)  // 监听滑动事件
// 滑动关闭键盘
      myTouchMove: function (evt) {
        if(document.hasFocus){
          const inputId = document.getElementById(‘myBox‘)  // 获取ID
          inputId.blur()  // input失焦
          // document.activeElement.blur();   //  关闭键盘
        }
      },

  

以上是关于vue监听滑动事件,隐藏移动端键盘或者input失去焦点的主要内容,如果未能解决你的问题,请参考以下文章

vue监听移动端软件键盘搜索(enter)事件

RecyclerView滑动监听

Vue中 监听移动端软键盘弹出收起事件

Vue中 监听移动端软键盘弹出收起事件

vue使用element-ui的el-input监听不了键盘事件解决

vue使用element-ui的el-input监听不了键盘事件解决