title: Simple iframe editor and oninput event
body: <p>I'm writing a simple editor in an iframe, but having trouble registering the "oninput" event to detect when the user modifies the text field such as pasting in data etc.</p>
  
  <pre><code>    var txtArea =
      document.getElementById('txtArea'); 
      txtArea.contentWindow.document.designMode="on";
      txtArea.contentWindow.document.open();
      txtArea.contentWindow.document.write("&lt;head&gt;&lt;style
      type='text/css'&gt;body{font-size:13px;}&lt;/style&gt;&lt;/head&gt;&lt;body&gt;"+data.document+"&lt;/body&gt;");
      txtArea.contentWindow.document.close();
  
  
      $([txtArea.contentWindow.document]).bind("click",
      updateCaretPosMouse); //fires  
      $([txtArea.contentWindow.document]).bind("keyup",
      updateCaretPosKeyboard); //fires  
      $([txtArea.contentWindow.document]).bind("input",
      textChanged); //doesn't fire
  </code></pre>
  
  <p>If I create a plain old textarea element, and add the "input" event to this, then it works. Do 'input" events not work with iframe text areas?</p>