2018-08-22
兼容性
0

微信上input失去焦点时不回弹,并且如果我们使用了fixed定位铺满整个屏幕时,会出现非常诡异的现象,所有的元素发生了偏移,但是页面上的位置不会发生变化,点击input1时,可能这个时候点击的是input2。

js
export function isWeiXinAndIos(){ let ua = '' + window.navigator.userAgent.toLowerCase() let isWeixin = /MicroMessenger/i.test(ua) let isIos = /\(i[^;]+;( U;)? CPU.+Mac OS X/i.test(ua) return isWeixin && isIos } export function weChatInputBug(){ let myFunction let isWXAndIos =isWeiXinAndIos(); if (isWXAndIos) { document.body.addEventListener('focusin', () => { clearTimeout(myFunction) }) document.body.addEventListener('focusout', () => { clearTimeout(myFunction) myFunction = setTimeout(function() { window.scrollTo({top: 0, left: 0, behavior: 'smooth'}) }, 200) }); } }

本文作者:BARM

本文链接:

版权声明:本博客所有文章除特别声明外,均采用 BY-NC-SA 许可协议。转载请注明出处!