h5新特性的用法案例

  介绍

这篇文章给大家分享的是有关h5新特性的用法案例的内容。小编觉得挺实用的,因此分享给大家做个参考。一起跟随小编过来看看吧。

1,前言

如今代替新特性,新标签,新规范等有很多,而且正在不断完善中,各大浏览器商对它们的支持,也是相当给力。作为前端程序员,我觉得我们还是有必要积极关注并勇敢地加以实践。接下来我将和各位分享一个特别好用的编辑新特性(目前也不是特别新),轻松监听任何应用自带的返回键,包括安卓机里的物理返回键,从而实现项目开发中进一步的需求。

2,起因

大概半年前接一下午到需求,用纯代替实现多音频的播放,暂停,续播,页面放至驾考宝典应用中,与客户端没有任何的交互,所以与客户端相关的js不需要引用。看上去这需求挺简单的嘛,虽然之前也没做过类似的需求,不管三七二十一,撸起袖子就是干。开始了学习之旅。

3,我这里着重介绍下我具体是怎么监听任何应用自带的返回键,以及安卓机里的物理返回键。

那为什么我要去监听呢,这里我有必要强调强调再强调。苹果手机不管是微信,QQ,应用,还是浏览器里,涉及到音频、视频、返回上一页系统会自动暂停当前的播放的,但不是所有安卓机都可以,所以我们自己必须自定义监听。很多朋友可能第一想法就是百度,然后出来的答案无非是这样

pushHistory ();   window.addEventListener (“popstate",函数(e) {   alert(“我监听到了浏览器的返回按钮事件啦“);//根据自己的需求实现自己的功能   },假);   函数pushHistory () {   var={状态   标题:“title",   url:“#”;   };   window.history。pushState(状态,“title"“#“);   }

是不是很眼熟?然而关键需求不能完美实现,要这段代码有何用,当时我也是绞尽脑汁。直到经过大神好友指导,复制了这段代码

var hiddenProperty=& # 39;隐藏# 39;在文档吗?& # 39;隐藏# 39;:   & # 39;webkitHidden& # 39;在文档吗?& # 39;webkitHidden& # 39;:   & # 39;mozHidden& # 39;在文档吗?& # 39;mozHidden& # 39;:   零;   var visibilityChangeEvent=hiddenProperty。替换(/隐藏/我& # 39;visibilitychange& # 39;);   var>感谢各位的阅读!关于h5新特性的用法案例就分享到这里了,希望以上内容可以对大家有一定的帮助,让大家可以学到更多知识。如果觉得文章不错,可以把它分享出去让更多的人看到吧!

h5新特性的用法案例