Javascript/Jquery 如何检测另一个窗口中的点击

Question

我有一个父窗口，必须使用 open() 方法打开另一个父窗口。子窗口仅包含简单的 html 文档，其表单存储在同一域空间中。现在问题来了，如何从父窗口检测提交按钮被点击？我想以最简单、最优雅的方式解决它。

谢谢。

Answer 1

最优雅的方式是利用 window.parent.postMessage 函数。

在子窗口中

document.onclick = function() { window.parent.postMessage({message: 'clicked'}) }

在父窗口中

function messageReceived(e) {

    var data = e.data;

    // do something here

}

if(window.addEventListener)
    window.addEventListener('message', messageReceived);
else
    window.attachEvent('onmessage', messageReceived);