Web Storage事件无法触发

最新推荐文章于 2024-03-30 16:23:01 发布

weixin_30611509

最新推荐文章于 2024-03-30 16:23:01 发布

阅读量179

点赞数

原文链接：http://www.cnblogs.com/lhat/p/5569245.html

版权

不管是在同源其他页面还是在本页面都不能触发storage事件。

 1 <!DOCTYPE html>
 2 <html>
 3 <head>
 4     <meta charset="UTF-8" />
 5     <title>web storage 事件</title>
 6     <script>
 7         /**
 8             HTML5 web storage API内建了一套事件通知机制，它可以将数据更新通知发送给感兴趣的监听者。
 9             无论监听窗口本身是否存储过数据，与执行存储操作的窗口同源的每个窗口的window对象上都会触发web stroage事件。
10             
11         **/
12             document.addEventListener("storage", function(event){
13                 console.log(event+ "---");
14             }, false);
15             window.onstorage = function(event){
16                 console.log('事件是：');
17                 console.log(event);
18             }
19         
20     </script>
21 </head>
22 <body>
23     <p>name:<input type="text" name="name"/>value:<input type="text" name="value"/><button onclick="setItem()">setItem</button></p>
24     <p>name:<input type="text" name="name"/><button onclick="getItem()">getItem</button></p>
25     <p><button onclick="clear()">clear</button></p>
26     
27 </body>
28 </html>

转载于:https://www.cnblogs.com/lhat/p/5569245.html

weixin_30611509

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Web Storage事件无法触发

不管是在同源其他页面还是在本页面都不能触发storage事件。 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8" /> 5 <title>web storage 事件</title> 6 <scrip...
复制链接

扫一扫