h5 storage事件監聽

2021-07-23 19:00:26 字數 1152 閱讀 1179

引用《h5移動web開發指南》上的話:

「當同源頁面的某個頁面修改了localstorage,其餘的同源頁面只要註冊了storage事件,就會觸發」

所以,localstorage的例子執行需要如下條件:

很容易犯的錯誤是,在同乙個網頁修改本地儲存,又在同乙個網頁監聽,這樣是沒有效果的。

網頁a:監聽了storage事件:

lang="en">

atitle>

head>

window.addeventlistener("storage", function

(e) );

script>

body>

html>

網頁b:修改了localstorage

lang="en">

btitle>

head>

localstorage.clear();

localstorage.setitem('foo', 'bar');

script>

body>

html>

執行 : 將上面兩個網頁儲存,放到同乙個伺服器上,然後,先開啟a.html,再開啟b.html。就會看到a.html會彈出提示框。注意兩個網頁要同源。

如果非得要在同一網頁監聽怎麼辦?可以重寫localstorage的方法,拋出自定義事件:

lang="en">

atitle>

head>

var orignalsetitem = localstorage.setitem;

localstorage.setitem = function

(key,newvalue)

window.addeventlistener("setitemevent", function

(e) );

localstorage.setitem("nm","1234");

script>

body>

html>

hdf5storage讀取 h5檔案

讀取.h5檔案時,常用的是h5py模組,但該模組存在一些缺點,就是在python中,使用h5py讀取的資料會對原始資料產生類似於轉置等操作,在使用過程中帶來諸多不便。而hdf5storage模組可以完全避免這種問題。hdf5storage的使用非常簡單,示例如下 import hdf5storage...

vue系列課程5 事件監聽v on

事件修飾符 鍵盤事件 class list v on click num 1 按鈕button p div section template export default script v on click handlerclick 按鈕button section template export ...

H5如何解監聽頁面退出需求???

事發背景 時間較久 在乙個陽光明媚的一天,這天lz正在工位上悠閒的敲著 說時遲那時快,運營小姐姐箭步過來,讓lz做乙個挽留彈窗 我當時一聽這tm不是流氓麼。於是便有了以下的故事。如何實現 眾所周知,我們一般是無法去監聽瀏覽器的返回事件的 更別說是使用者裝置的物理返回鍵了 依稀記得瀏覽器確實是有個關閉...