失焦之后webview没有回到原来位置;不聚焦问题

更新日期: 2019-06-12 阅读: 3.1k 标签: webview

失焦之后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,网上找其他原因吧,还没遇到过


本文内容仅供个人学习/研究/参考使用,不构成任何决策建议或专业指导。分享/转载时请标明原文来源,同时请勿将内容用于商业售卖、虚假宣传等非学习用途哦~感谢您的理解与支持!

链接: https://fly63.com/article/detial/4171

你真的了解webview么?

Webview是我们前端开发从PC端演进到移动端的一个重要载体,现在大家每天使用的App,webview都发挥着它的重要性。接下来让我们从webview看世界。提到应用场景,大家最直观的能想到一些App内嵌的页面,为我们提供各种各样的交互

解决 WebView 里的常见问题

通常我们在自己开发的 APP 中打开网页无非两种方法: 一是跳转到系统自带的浏览器,二是使用 WebView 控件加载页面。使用 WebView 控件的好处就是可以通过各种 api 接口来定制各种行为

Flutter官方WebView使用

使用过人气很高的flutter_webview_plugin,但是缺少2个重要的功能。也在打开多个WebView时会出错。不能在JS中调用Flutter方法;不能在H5进入某个URL之前拦截

解决小程序中webview页面多层history返回问题

小程序开发中遇到的问题:小程序中嵌套了一个webview页面,webview页面中有静默授权,解决方案:通过history.pushState添加历史记录名目,history.onpopstate监听历史记录条目发生变化时,调用小程序APIwx.navigateBack

WebView 缓存原理分析和应用

现在的App开发,或多或少都会用到Hybrid模式,到了WebView这边,经常会加载一些js文件(例如和WebView用来Native通信的bridge.js),而这些js文件不会经常发生变化,所以我们希望js在WebView里面加载一次之后

内容以共享、参考、研究为目的,不存在任何商业目的。其版权属原作者所有,如有侵权或违规,请与小编联系!情况属实本人将予以删除!