Question

我正在iframe中编写一个简单的编辑器，但无法注册“oninput”事件以检测用户何时修改文本字段，例如粘贴数据等。

    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

如果我创建一个普通的旧textarea元素，并向其添加“input”事件，那么它可以工作。 “输入”事件不能与iframe文本区域一起使用吗？

Answer 1

oninput不是官方DOM事件，它似乎是Mozilla特定的扩展（source）。 keyup不会做这个伎俩吗？

Answer 2

发现自2010年3月3日起无法实现

http://lists.whatwg.org/pipermail/whatwg-whatwg.org/2010-March/025402.html

Answer 3

尝试使用更改事件？

简单的iframe编辑器和oninput事件

3 个答案: