码迷,mamicode.com
首页 > 微信 > 详细

苹果手机在微信QQ上输入,导致页面事件触点错乱。

时间:2019-12-25 13:22:36      阅读:529      评论:0      收藏:0      [点我收藏+]

标签:tar   col   解决   iphonex   重置   结束   htm   top   document   

部分苹果手机在微信QQ上,输入之后,如果页面有滚动内容。内容上有对应的时间,那么输入结束,再次触发事件,会发现事件的触点变了。

 

例如:按钮A 因为 输入法弹出移动了,输入法隐藏回去后,按钮A 回滚到原来的位置,但是事件却已经不在按钮A上了。

 

对此的方式可以采用,重置页面  scrollTop ,

 

 

  // 重置苹果手机部分机型输入法导致页面滚动后,事件触点错位问题
        $(document).on(‘blur‘, ‘input,textarea‘, function () { //解决iPhoneX系列输入法导致页面事件不回滚问题
            setTimeout(function() {
            $(‘body,html‘).scrollTop($(document).scrollTop());
            }, 0);
        })

苹果手机在微信QQ上输入,导致页面事件触点错乱。

标签:tar   col   解决   iphonex   重置   结束   htm   top   document   

原文地址:https://www.cnblogs.com/wxhhts/p/12096018.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!