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

Question

我有一个包含表单的 iframe。在父页面上，我有一个交互式 div，它在鼠标单击（地图）时填充数据。有没有一种方法可以通过单击父页面中的某些内容来填充 iframe 的一部分的输入字段？

标签： javascriptjqueryhtmleventsonclick

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','*');