通过单击父项来填充iframe输入字段

Question

我有一个包含表单的iframe。在父页面上，我有一个交互式div，它会在单击鼠标（映射）时填充数据。 是否可以通过单击父页面上的内容来填充属于iframe的输入字段？

Answer 1

您可以使用消息在页面和iFrame内容之间进行通信。

// frame.html:
window.onmessage = function(event) {
    // handle message and fill input field
    var text = event.data;
};

// page:
// <iframe id="myframe" src="framed.htm"></iframe>

document.getElementById('myframe').contentWindow.postMessage('textToFill','*');