移动端input框问题

部分问题可参考:https://www.cnblogs.com/ljx20...

失焦之后webview没有回到原来位置

input.addEventListener('blur', () => {
    setTimeout(() => {
        window.scrollTo(document.body.scrollLeft, document.body.scrollTop);
    }, 20)
})

不聚焦问题

如果引入了fastclick,那么需要修改源码,如下

FastClick.prototype.focus = function(targetElement) {
    targetElement.focus();
};

如果还有问题,尝试监听input的focus,然后延时聚焦

this.jInput.addEventListener('focus', () => {
    setTimeout(() => {
       this.jInput.focus()
   }, 300)
})

如果没有引入fastclick,网上找其他原因吧,还没遇到过

你可能感兴趣的:(移动端适配,css)