专栏首页柠檬先生H5 开发中常见的小问题

H5 开发中常见的小问题

1.解决 浏览器 返回按钮不刷新的问题   window.onpageshow = function(event) {     if (event.persisted) {       window.location.reload()   }}; 2.H5 中 JS 禁用安卓手机物理返回键   XBack = {};   (function(XBack) {     XBack.STATE = 'x - back';     XBack.element;     XBack.onPopState = function(event) {       event.state === XBack.STATE && XBack.fire();       XBack.record(XBack.STATE); //初始化事件时,push一下     };     XBack.record = function(state) {       history.pushState(state, null, location.href);     };     XBack.fire = function() {       var event = document.createEvent('Events');       event.initEvent(XBack.STATE, false, false);       XBack.element.dispatchEvent(event);     };     XBack.listen = function(listener) {       XBack.element.addEventListener(XBack.STATE, listener, false);     };     XBack.init = function() {       XBack.element = document.createElement('span');       window.addEventListener('popstate', XBack.onPopState);       XBack.record(XBack.STATE);     };   })(XBack); // 引入这段js文件   XBack.init();   XBack.listen(function() {});

3.解决移动端底部input被弹出的键盘遮挡问题   方法1、     Element.scrollIntoView(); // 让当前的元素滚动到浏览器窗口的可视区域内     document.querySelector('#inputId').scrollIntoView();   方法2:

    Element.scrollIntoViewIfNeeded();

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • 小程序开发中常见问题解决技巧

    微信小程序开发,还记得之前给大家分享了一次入门的小程序开发教程吗?那时候有人问我,后续会不会经常更新小程序文章 。由于我的工作不是这方面相关的,对小程序研究甚少...

    程序IT圈
  • 微信小程序开发-常见问题

    知晓程序员,专注微信小程序开发的程序员! 好久没写文章,今天总结一下小程序开发过程中遇到的问题,有不对的地方,欢迎各位指正~ 1、域名必须是HTTPS2、inp...

    企鹅号小编
  • 微信小程序开发-常见问题

    知晓程序员,专注微信小程序开发的程序员! 好久没写文章,今天总结一下小程序开发过程中遇到的问题,有不对的地方,欢迎各位指正~ 1、域名必须是HTTPS 非HT...

    连胜
  • 微信小程序开发常见问题(六)

    知晓程序员,专注微信小程序开发的程序员! 一、登录实现 小程序登录的实现,官方建议自己保存用户登录状态,不要频繁调用wx.login,否则会限制登录。 这里连...

    连胜
  • 微信小程序开发常见问题(五)

    知晓程序员,专注微信小程序开发的程序员! 一、微信小程序审核未通过,怎么办? 小程序审核不通过的原因很多,微信会给出相应审核不通过 的原因。今天连胜老师给大家...

    连胜
  • 微信小程序开发常见问题(四)

    知晓程序员,专注微信小程序开发的程序员! 一、小程序不同页面之间的传值方式 a、URL传值 这种方式最常用,比如: wx.navigateTo({ url...

    连胜
  • 微信小程序开发常见问题(二)

    知晓程序员,专注微信小程序开发的程序员! 今天再给大家分享几个微信小程序开发的常见问题,顺便吐槽一下,武汉的冬天太TM冷了,没有暖气的冬天真的很难过,写文章的心...

    连胜
  • 微信小程序开发常见问题(七)

    知晓程序员,专注微信小程序开发的程序员! 一、判断小程序版本号 小程序的API是不断更新的,你可能使用某个API时,文档里会说明,此API在1.x.x版本开始...

    连胜
  • 第123天:移动web开发中的常见问题

    准备编辑这段时发现简书上已经有作者写了关于rem布局的介绍,并且他的设置比我所用的更加简洁,贴上地址供大家学习参考。 手机端页面自适应解决方案—rem布局进阶...

    半指温柔乐
  • Swift开发: 常见问题汇总

    1、Unknown class xxClass in Interface Builder file. 这个问题出现在使用Xib时设置自定义类名的时候。在参考OC...

    梧雨北辰
  • VueJS 开发常见问题集锦

    由于公司的前端开始转向 VueJS,最近开始使用这个框架进行开发,遇到一些问题记录下来,以备后用。

    疯狂的技术宅
  • Android 10 开发者常见问题

    Q 1: 指定 SYSTEM_UI_FLAG_LAYOUT_HIDE_NAVIGATION 好像并不能隐藏导航栏和状态栏?

    Android 开发者
  • # Android开发常见问题汇总

    由于eclipse与idea编辑器的区别,有专门对应的解决办法,下面提供gradle的通用解决办法:

    用户1175783
  • Flutter中几个常见的小白问题

    安装Flutter的时候一定没看文档,由于你懂的原因,国内使用Flutter需要配置镜像。为PUB_HOSTED_URL和FLUTTER_STORAGE_BAS...

    JarvanMo
  • 开发中最常见的Java字符串问题总结

    开发中最常见的Java字符串问题总结  1.怎样比较字符串?用”==”还是用equals()?   简单地说,”==”测试两个字符串的引用是否相同,equals...

    用户1289394
  • 运维开发和测试中常见的8个问题

    今天集中精力,一门心思来做一些后端功能的改造,在这个过程中摸索出了一些实践经验。

    jeanron100
  • 高并发系统中的常见问题

    本文一共分析了三个案例,分别介绍并发系统中的共享资源并发访问、计算型密集型任务缓存访问 、单一热点资源峰值流量问题和解决方案。 Q1:订票系统,某车次只有一张火...

    wangxl
  • vue 项目中常见的几个小问题

    H5页面在iOS网页中的数字被识别为电话号码,原因在于Safari浏览器的问题:解决该问题只需在head标签中添加如下代码即可解决。

    honey缘木鱼
  • webkit浏览器常见开发问题

    前段时间有人问我一个简单的问题,html如何创建解析的?  我讲了一大堆,什么通过DocumentLoader, CachedResourceLoader, ...

    程序员互动联盟

扫码关注云+社区

领取腾讯云代金券