A页面监听B页面

A页面是弹窗应用于全局：

在输入框输入“你好吗”，点击提交，提交成功后，在

B页面：

可以直接取到“你好吗”

在这个文件里写监听方法

A页面是弹窗，提交成功后，存在本地realName该字段下

 

 B页面，监听赋值

 

代码如下：

/** 监听方法 */
export const storageEvent = (key: string, value: string) => {
  const newStorageEvent = document.createEvent("StorageEvent");
  const storage = {
    setItem(k: string, val: string) {
      // 这里可以灵活更改local和session
      localStorage.setItem(k, val);
      // 初始化创建的事件
      // @ts-ignore
      newStorageEvent.initStorageEvent("setItem", false, false, k, null, val, undefined, null);
      // 派发对象
      window.dispatchEvent(newStorageEvent);
    },
  }
  return storage.setItem(key, value);
};