javascript - 检测动态表单输入变化

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