postMessage All In One

Failed to execute 'postMessage' on 'DOMWindow': The target origin provided ('') does not match the recipient window's origin ('').


      // 防抖
      // const debounce = (func, times = 1000) => {
      //     let timer = null;
      //     return () => {
      //         if (timer){
      //             clearTimeout(timer);
      //         }
      //         timer = setTimeout(fn, wait);
      //     };
      // };
      // function debounce (func, times = 1000) {
      //     let timer = null;
      //     return function () {
      //         if (timer){
      //             clearTimeout(timer);
      //         }
      //         timer = setTimeout(fn, wait);
      //     };
      // };

      const sendScrollMessage = () => {
        const app = document.querySelector(`[id="app"]`);
        const height = Math.abs(app.scrollTop);
        console.log('app, height', app, app.scrollTop, height);
        parent.postMessage({
          type: "iframeScrollEvent",
          other: "other data to pass",
          height: height,
        }, "http://localhost:52331/test/heatmap/index.html");
      };
      setTimeout(() => {
        function debounce (func, times = 1000) {
            let timer = null;
            return function () {
                if (timer){
                    clearTimeout(timer);
                }
                timer = setTimeout(func, times);
            };
        };
        const section = document.querySelector('section');
        console.log('section =', section);
        section.addEventListener('scroll', (event) => {
            // console.log('iframe scroll', event);
            debounce(sendScrollMessage, 500)();
        }, false);
      }, 1000);