学习
实践
活动
专区
工具
TVP
写文章
专栏首页柠檬先生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();

本文参与 腾讯云自媒体分享计划 ,欢迎热爱写作的你一起参与!
本文分享自作者个人站点/博客:https://www.cnblogs.com/nmxs复制
如有侵权,请联系 cloudcommunity@tencent.com 删除。
登录 后参与评论
0 条评论

相关文章

  • 5道常见的 Linux 小问题

    happyJared
  • Java开发中那些不容忽略的小问题-1

    写公众号说实话挺久了,也因此认识了很多的朋友,咨询什么的都有,总之,或多或少的帮助到过一些人。最近想了好久,我往后应该写一些什么类型的文章?

    一个程序员的成长
  • Android开发中遇到的一些小问题

    经过搜索,发现如果是要访问“www.baidu.com”这样的网址或者纯文字时,会报ActivityNotFoundException错误。

    提莫队长
  • HTML中的小问题

    外面会有一条蓝色的线包着这个框架,这样看起来并不是很好看。想要实现如下的效果很简单,如下图

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

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

    honey缘木鱼
  • Android开发OpenCV的小问题汇总

    小米系列手机调试Installation failed with message Failed to establish session

    IT晴天
  • MySQL中的2个小问题

    今天晚上,在一个单机多实例的环境上,发生了一个错误,看着比较奇怪,之前也遇到过,但是没有留意,今天花了一点时间,搞了一下,问题得到了解决,跟大家分享一下。

    AsiaYe
  • Redis 与 Lua 使用中的小问题

    在 Redis 里执行 get 或 hget 不存在的 key 或 field 时返回值在终端显式的是 (nil),类似于下面这样

    haifeiWu
  • 硅波导加工中的几个小问题

    SOI层的典型厚度为220nm, BOX层的厚度为2-3um,衬底硅的厚度在700um左右。硅基光波导由SOI晶圆分多步刻蚀而成,对应条形波导和脊形波导。对于调...

    光学小豆芽
  • java开发中几种常见的线程池

    线程池 java.util.concurrent:Class Executors 常用线程池 几种常用的的生成线程池的方法: newCachedThr...

    xiangzhihong
  • MyEclipse开发JavaWeb的小问题解决

      法一:没有web.xml是因为在创建web项目时,在选项中没有选中web.xml文件。web.xml选项在第三页,新建 JavaWeb工程 → next →...

    黑泽君
  • 学习c++中的小问题总结

    徐飞机
  • Gitlab的使用中的一个小问题

    在团队合作开发的项目中,大家可能经常会用到GitLab,GitLab 是一个用于仓库管理系统的开源项目,使用Git作为代码管理工具,并在此基础上搭建起来的w...

    AsiaYe
  • 职级晋升ppt中常见的一些小问题和改进建议

    这是学习笔记的第 2423篇文章    关于职级晋升的ppt内容,自己也看过不少同学和行业内朋友的,也提供了一些改进的建议,自己这两天做了下总结,还是希望能够...

    jeanron100
  • SAS-解决编程中遇到的几个小问题...

    自从小编开通了公众号流量主后,发现真的可以挣钱啊,写一篇推文大概能挣一个午餐钱,万分贫穷的小编发现了“脱贫”的一条捷径,于是每天都干劲十足,满脑子想的都是写推文...

    Setup
  • 一个关于npm中scripts的小问题

    今天发现了一个关于npm的小问题,大家应该知道每个node工程都有一个package.json文件,里面会记录一些该项目的概要信息,例如项目名称、版本、作者、g...

    凌虚

扫码关注腾讯云开发者

领取腾讯云代金券