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

最新推荐文章于 2025-06-04 16:44:42 发布

b67834063218449

最新推荐文章于 2025-06-04 16:44:42 发布

阅读量1.2k

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/summerXll/p/8966634.html

本文介绍了一种在页面加载时通过监听touchmove事件来实现滑动关闭键盘的方法。具体操作是在mounted或created钩子中添加事件监听器，当检测到滑动事件时，使输入框失焦，从而关闭软键盘。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在页面加载的地方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();   //  关闭键盘
        }
      },

转载于:https://www.cnblogs.com/summerXll/p/8966634.html