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

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

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

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