监听H5本地存储（同源跨页面通讯）

The_Quan

于 2018-07-18 14:18:05 发布

阅读量549

点赞数 1

CC 4.0 BY-SA版权

分类专栏： Javascript HTML5

本文链接：https://blog.youkuaiyun.com/u013342752/article/details/81097381

Javascript 同时被 2 个专栏收录

8 篇文章

订阅专栏

HTML5

8 篇文章

订阅专栏

本文介绍了一种兼容多种浏览器的事件监听方法实现，并展示了如何使用该方法来监听存储事件，适用于前端开发人员学习与参考。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

var addEvent = (function(){
    if (document.addEventListener){
        return function(el, type, fn){
            if (el.length) {
                for(var i = 0; i < el.length; i++){
                    addEvent(el[i], type, fn);
                }
            }else{
                el.addEventListener(type, fn, false);
            }
        };
    }else{
        return function(el, type, fn){
            if(el.length){
                for(var i = 0; i < el.length; i++){
                    addEvent(el[i], type, fn);
                }
            }else{
                el.attachEvent('on' + type,
                function() {
                    return fn.call(el, window.event);
                });
            }
        };
    }
})();
addEvent(window,'storage',function(event){
  if(event.key == 'storage_data'){
      console.log("key:"+event.key+" ---- old:"+event.oldValue+" ---- new:"+ event.newValue);
  }
});