javascript - 在设计模式中查找 iframe 的内容何时发生变化

Question

我有一个启用了 designMode的 iframe 。很简单，如果 Iframe 中的光标移动或内容发生变化，我希望调用一个回调函数。一开始看起来很简单，但我不能在 iframe 上使用 onchange/onkeyup。

我假设我需要向 iframe 的成员添加一个事件。我试过了

frames['writer'].document.body.onkeyup = eventHandler

没有成功。

---

更新

我发现设置designMode = 'on'导致了问题。如果我注释掉将 designMode 设置为的行，'on'那么处理事件就可以正常工作。

Answer 1

好的，我有一个解决方案：

if(document.addEventListener)
{
    frames['writer'].document.addEventListener('keyup', updateStatus, false);
    frames['writer'].document.addEventListener('mouseup', updateStatus, false);
}

它很有魅力！

Answer 2

尝试编写一个名为 document.onkeyup 的函数：

function document.onkeyup() {
  // do stuff
}

我以前从未见过这种风格，但这只是我在谷歌上找到的……