使用jQuery在可爱编辑器中检测文本中的更改

Question

我开发了一个带有一些逻辑的小脚本，以检查自页面加载后ASP.Net表单值是否已更新，以便我可以向用户显示“您有未保存的更改”类型消息，如果他们尝试关闭浏览器窗口或更多内容到浏览器窗口中的另一个选项卡。

我无法使用此脚本连接的唯一控件是Cute Editor第三方WYSIWYG文本编辑控件。控件似乎是使用一些涉及iframe的烟雾和镜子来渲染的。

现在我已经尽力将jQuery .change（）和.keyup（）事件挂钩到此控件，就像我对所有其他控件一样没有运气。我似乎无法捕获更改或实际找到包含文本的包含控件。

有没有人对此控件做过多少工作或设法实现类似的目标？

Answer 1

几乎所有的所见即所得的编辑都会以某种方式使用iframe，所以你必须将信息从你正在寻找的信息中提取出来。为此，您可以致电

$('#myIframe').contents();

它为您提供驻留在iframe中的（html）文档。然后，您可以附加到该文档中的元素，以使用您当前使用的任何方法设置更改跟踪。