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。非经特殊声明，原始代码版权归原作者所有，本译文未经允许或授权，请勿转载或复制。