首页 > 其他 > 详细

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

时间:2020-03-19 16:38:07      阅读:76      评论:0      收藏:0      [点我收藏+]

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

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

技术分享图片

 

 

 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页面,输入框的光标,如果页面上下滑动光标停留在页面上,除了输入框外,松手过了一段时间才跑回输入框里面

原文:https://www.cnblogs.com/chorkiu/p/12525133.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!