H5页面,输入框的光标,如果页面上下滑动光标停留在页面上,除了输入框外,松手过了一段时间才跑回输入框里面

有点类似这种情况 其中一个博主描述得比较详细,主要还有图

我是直接在App.vue主文件那里添加一下代码,主要是添加一个监听器,如果touchmove的时候就会触发让其失焦,就会消失那个光标,需要再次点击输入框才会显示,就不会存在那个奇奇怪怪的问题.虽然有点投机取巧,但是起码不会出现那个现象

 

 

 created () {
    this.touchMove()
  },
  methods: {
    touchMove () {
      document.body.addEventListener('touchmove', function (e) {
        if (document.activeElement) {
          document.activeElement.blur()
        }
      }, {passive: false})
    }
  },