检测动态表单输入变化

Question

我正在尝试在我的表单输入更改时执行某个操作，但它不起作用。我的表单是动态添加的：

<iframe onload="javascript:parent.scrollTo(0,0);" 
  height="447" allowTransparency="true" frameborder="0" scrolling="no" 
  style="width:100%;border:none" src="https://emu.edu/machform/embed.php?id=38142"
  title="Form"><a href="https://emu.edu/machform/view.php?id=38142" title="Form">Form</a>
</iframe>

这是我的 jQuery:

function doThis() {
    alert("Form changed!");
}

$("iframe").on('change', 'input', doThis);

Answer 1

您必须等待 iframe 加载：

$('iframe').load(function() {
  $("iframe").contents().find("input").on("change", doThis);
});