如何获取可编辑的iframe数据

Question

我正在使用designMode='on' / contentEditable='true'创建可编辑的iframe。 我已经创建了一个获取和保存可编辑iframe数据的函数。但是如何调用getIframeData(iframeId)函数。 在某种程度上，我想要一个事件：onFocusOut，onBlur或onKeyup等。

var editableContent = document.getElementById("iframeId");
doc = editableContent.contentDocument || editableContent.contentWindow.document;
doc.designMode = "on";

function getIframeData(iframeId) {
  var iFrame = document.getElementById(iframeId);
  var iFrameBody;
  if (iFrame.contentDocument) {
    iFrameBody = iFrame.contentDocument.getElementsByTagName('body')[0];
  }
  else if (iFrame.contentWindow) {
    iFrameBody = iFrame.contentWindow.document.getElementsByTagName('body')[0];
  }
  return iFrameBody.innerHTML;
}