HTML Storage事件用法及代碼示例

HTML DOM中的存儲事件用於在另一個文檔的上下文中更改存儲區域。在窗口的存儲區域中進行修改時，會將存儲事件發送到該窗口。

用法:

window.addEventListener("storage", script)

例：

<!DOCTYPE html> 
<html> 
  
<head> 
    <title> 
        HTML DOM storage Event 
    </title> 
</head> 
  
<body> 
      
    <h1>GeeksforGeeks</h1> 
      
    <h2>HTML DOM storage Event</h2> 
      
    <button onclick = "myGeeks()"> 
        Click here! 
    </button> 
      
    <p id = "cont"></p> 
      
    <!-- script of DOM storage event -->
    <script> 
        window.addEventListener("storage", myGeeks1); 
          
        function myGeeks1(event) { 
            document.getElementById("cont").innerHTML 
                    = "A Computer Science Portal"; 
        } 
          
        function myGeeks() { 
            var x = window.open("", "win",  
                    "width = 100, height = 100"); 
                      
            x.localStorage.setItem("mytime", Date.now()); 
            x.close(); 
        } 
    </script> 
</body> 
  
</html>

輸出：
之前單擊按鈕：

單擊按鈕後：

支持的瀏覽器：下麵列出了DOM Storage Event屬性支持的瀏覽器：

穀歌瀏覽器
火狐瀏覽器
Edge
Safari
Opera

相關用法

注：本文由純淨天空篩選整理自piyushpilaniya98大神的英文原創作品 HTML | DOM Storage Event。非經特殊聲明，原始代碼版權歸原作者所有，本譯文未經允許或授權，請勿轉載或複製。