internet-explorer - contenteditable 的 IE 输入事件？

Question

我想知道是否有一个 polyfill 来支持 IE11 中的 contenteditable 输入事件？

我专门讲这个事件:http://jsfiddle.net/ch6yn/

无论来源如何(例如复制/粘贴/拖放/类型等)，在 contenteditable div 上发生更改时都会触发。

<div contenteditable="true" id="editor">Please type something in here</div>
<script>
document.getElementById("editor").addEventListener("input", function() {
    alert("input event fired");
}, false);
</script>

Answer 1

今天遇到这个问题，我就是这样解决的..

解决方案:更改事件名称 --> "textinput"在 IE 11 中适用于事件附件 - 只需确保让其他浏览器使用 "input"。

例子:

    //Check for IE ('Trident')
    var eventType = /Trident/.test( navigator.userAgent ) ? 'textinput' : 'input';

    //Attach your event
    this.refs.captionInput.addEventListener( eventType, this.handleChangeCaption );