JQuery检测iFrames主体内所做的更改

Question

基本上，

我有一个WYSIWYG编辑器，它隐藏表单中的textarea并替换为contenteditable=true iframe。我正在尝试检测iframe中内容的更改，以便我创建自动更新功能。它目前适用于普通的输入字段，如输入和输入。但是我希望选择它来检测内容在iframe中的变化。

这就是我现在所拥有的，但没有任何反应：

$("iframe.cke_wysiwyg_frame").contents().find('body').on("change", function() {
  // execute function for auto update
});

我试过过keyup＆amp;也输入，但iframe中的内容更改时没有任何反应。出于测试目的，我正在尝试alert("it works");但没有任何反应。

有没有办法可以定位可编辑iframe中的更改？ （注意：iframe在文档中不是外部的）

由于

编辑：iframe结构

Answer 1

原来我正在使用的WYSIWYG编辑器就是问题，你可以通过以下插件从CKEditor获取实例：

http://alfonsoml.blogspot.co.uk/2011/03/onchange-event-for-ckeditor.html