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.
var txtArea =
document.getElementById('txtArea');
txtArea.contentWindow.document.designMode="on";
txtArea.contentWindow.document.open();
txtArea.contentWindow.document.write("<head><style
type='text/css'>body{font-size:13px;}</style></head><body>"+data.document+"</body>");
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
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?