婷婷综合国产,91蜜桃婷婷狠狠久久综合9色 ,九九九九九精品,国产综合av

主頁 > 知識庫 > 使用html5新特性輕松監聽任何App自帶返回鍵的示例

使用html5新特性輕松監聽任何App自帶返回鍵的示例

熱門標簽:成都智能外呼系統平臺 云南大理400電話申請官方 四川點撥外呼系統 當涂高德地圖標注 黃島區地圖標注 電銷機器人電話用什么卡 鎮江智能外呼系統有效果嗎 江蘇智能電銷機器人哪家好 南寧點撥外呼系統哪家公司做的好

1、前言

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

2、起因

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

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

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

pushHistory(); 
window.addEventListener("popstate", function(e) { 
    alert("我監聽到了瀏覽器的返回按鈕事件啦");//根據自己的需求實現自己的功能 
}, false); 
function pushHistory() { 
    var state = { 
        title: "title", 
        url: "#"
    }; 
    window.history.pushState(state, "title", "#"); 
}

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

var hiddenProperty = 'hidden' in document ? 'hidden' :    
    'webkitHidden' in document ? 'webkitHidden' :    
    'mozHidden' in document ? 'mozHidden' :    
    null;
var visibilityChangeEvent = hiddenProperty.replace(/hidden/i, 'visibilitychange');
var onVisibilityChange = function(){
    if (!document[hiddenProperty]) {    
        console.log('頁面非激活');
    }else{
        console.log('頁面激活')
    }
}
document.addEventListener(visibilityChangeEvent, onVisibilityChange);

所有問題迎刃而解。

這段代碼的原理我個人理解就是通過判斷用戶瀏覽的是否為當前頁,從而進行相關操作。

這是 MDN相關鏈接:https://developer.mozilla.org/zh-CN/docs/Web/API/Document/hidden

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

以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持腳本之家。

標簽:十堰 咸寧 西寧 佳木斯 淮安 南京 廣西 酒泉

巨人網絡通訊聲明:本文標題《使用html5新特性輕松監聽任何App自帶返回鍵的示例》,本文關鍵詞  使用,html5,新特性,新,特性,;如發現本文內容存在版權問題,煩請提供相關信息告之我們,我們將及時溝通與處理。本站內容系統采集于網絡,涉及言論、版權與本站無關。
  • 相關文章
  • 下面列出與本文章《使用html5新特性輕松監聽任何App自帶返回鍵的示例》相關的同類信息!
  • 本頁收集關于使用html5新特性輕松監聽任何App自帶返回鍵的示例的相關信息資訊供網民參考!
  • 推薦文章
    主站蜘蛛池模板: 洪江市| 平潭县| 金溪县| 昌黎县| 盐源县| 富民县| 称多县| 武清区| 揭东县| 永丰县| 牙克石市| 古交市| 镇安县| 奎屯市| 雷山县| 盐亭县| 新闻| 柳河县| 肥乡县| 通城县| 额敏县| 大安市| 集安市| 呼和浩特市| 台湾省| 五大连池市| 青铜峡市| 克什克腾旗| 亳州市| 凉城县| 工布江达县| 札达县| 罗源县| 乡宁县| 郑州市| 湛江市| 上思县| 固原市| 万山特区| 岫岩| 五台县|