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

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

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

  created () {

     this.touchMove()

   },

   methods: {

     touchMove () {

       document.body.addEventListener('touchmove', function (e) {

         if (document.activeElement) {

           document.activeElement.blur()

         }

       }, {passive: false})

     }

   },