使用h5新特性，輕鬆監聽任何App自帶返回鍵

原文：https://segmentfault.com/a/1190000013700474?utm_source=channel-newest

1、前言

如今h5新特性、新標籤、新規範等有很多，而且正在不斷完善中，各大瀏覽器商對它們的支持，也是相當給力。作為前端程序員，我覺得我們還是有必要積極關注並勇敢地加以實踐。接下來我將和各位分享一個特別好用的h5新特性（目前也不是特別新），輕鬆監聽任何App自帶的返回鍵，包括安卓機里的物理返回鍵，從而實現項目開發中進一步的需求。

2、起因

大概半年前接到pm一需求，用純h5實現多audio的播放、暫停、續播，頁面放至駕考寶典App中，與客戶端沒有任何的交互，所以與客戶端相關的js不需要引用。看上去這需求挺簡單的嘛，雖然之前也沒做過類似的需求。不管三七二十一，挽起袖子就是干。開始了學習之旅。

3、我這裡著重介紹下我具體是怎麼監聽任何App自帶的返回鍵，以及安卓機里的物理返回鍵。

那為什麼我要去監聽呢，這裡我有必要強調強調再強調。蘋果手機不管是微信、QQ、App，還是瀏覽器里，涉及到audio、video，返回上一頁系統會自動暫停當前的播放的，但不是所有安卓機都可以。所以我們自己必須自定義監聽。很多朋友可能第一想法就是百度，然後出來的答案無非是這樣

是不是很眼熟？然而關鍵需求不能完美實現，要這段代碼有何用，當時我也是絞盡腦汁。直到經過大神好友指導，複製了這段代碼

並不是說真的可以通過JS監聽到App里的自帶返回鍵，甚至安卓的物理返回鍵，而是通過轉變思路，快速實現需求。希望這個特性能幫到各位。

END

喜歡這篇文章嗎？立刻分享出去讓更多人知道吧！