检测动态表单输入更改

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);
});