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

2021-09-01 23:44:40 字數 769 閱讀 5139

pushhistory();

window.addeventlistener(「popstate」, function(e) , false);

function pushhistory() ;

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()else

}document.addeventlistener(visibilitychangeevent, onvisibilitychange);

document.addeventlistener(visibilitychangeevent, onvisibilitychange);

所有問題迎刃而解。

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

H5常用新特性

注意 這些新特性都有相容性的問題,基本是ie9 以上版本的瀏覽器才支援,如果不考相容性問題,可以大量使用這些新特性 html5新增的語義話標籤 html新增的多 標籤 屬性值描述 autoplay autoplay controls controls width pixels height pxlo...

H5新特性FileReader使用心得

作用about 終止讀取 readasbinarystring file 將檔案讀取為二進位制編碼 readasdataurl file 將檔案讀取為dataurl編碼 readastext file,encoding 將檔案讀取為文字 readasarraybuffer file 將檔案讀取為ar...

h5新特性 canvas標籤(補充)

上下文物件 painter 1.透明度 語法 painter.globalalpha 0 1 任何操作都要在fill 之前 2.線性 1 設定線寬 painter.linewidth number 2 端點 painter.lincap 端點型別 型別 butt 無端點,round 圓弧端點 squ...