Web Storage事件无法触发

不管是在同源其他页面还是在本页面都不能触发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>

 

posted @ 2016-06-08 10:23  刘一二  阅读(1061)  评论(0)  编辑  收藏  举报