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

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

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

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

 

 

 1  created () {
 2     this.touchMove()
 3   },
 4   methods: {
 5     touchMove () {
 6       document.body.addEventListener('touchmove', function (e) {
 7         if (document.activeElement) {
 8           document.activeElement.blur()
 9         }
10       }, {passive: false})
11     }
12   },

 

你可能感兴趣的:(H5页面,输入框的光标,如果页面上下滑动光标停留在页面上,除了输入框外,松手过了一段时间才跑回输入框里面)