javascript - 检测Vue.js中跨域iframe内的内容变化？

Question

是否可以在 Vue.js(或普通的旧 js)中检测 iframe(包含来自另一个域的内容)何时发生更改？这是更精确的场景:

1. 我加载一个包含 iFrame 的页面，其中包含来自另一个域的内容
2. 用户单击 iframe 内的按钮(或执行某些操作)，这会更改 iframe 内的内容
3. 我能以某种方式检测到这种变化吗？

我不想影响或更改框架内的任何内容，只是检测它已更改。这可能吗？

Answer 1

好的，我找到了一种方法来满足我的需求。我设置了一个计数器，它会在每个 onload 事件上更新(我发现当有人在我的 iframe 内提交表单时会触发该计数器)，然后对周围页面进行更改:

      const iframe = document.querySelector('#myframe')
      iframe.onload = () => {
        this.formloadCounter += 1
        console.log('iframe has been loaded:' + this.formloadCounter + ' times.')
        if (this.formloadCounter>1) { 
          //do stuff 
        }
      }