jqueryのtextinputイベントがIEでトリガされません。 textchangeをキャプチャするための代替手段はありますか？

Question

私はcontenteditable divを持っています。 contenteditable divのtextinputイベントをキャプチャしたいしかし、それはIEで動作していません。 'textchange'イベントの代替手段はありますか？

document.getElementById("div").addEventListener("textInput", function() { 
    alert("contenteditable fires input"); }); 

おかげ

Answer 1

が、これはあなたを助けることができることがありますIE textinput作品や他のブラウザのためtextInput作品については

$("Your selector here").change(function() 
{ 
//Your code here 
}); 

Answer 2

を、大文字の 'I' に気づきます。だから、まずjavascriptを使ってユーザエージェントをチェックし、それに応じて文字列を設定してください。 jsfiddleを更新しました。 IEブラウザで

var ua = window.navigator.userAgent; 
 
var msie = ua.indexOf("MSIE "); 
 
var eventListenerString; 
 
if (msie > 0 || !!navigator.userAgent.match(/Trident.*rv\:11\./)) 
 
    eventListenerString = "textinput"; 
 
else 
 
    eventListenerString = "textInput"; 
 

 
document.getElementById("div").addEventListener(eventListenerString, function() { 
 
    alert("contenteditable fires input"); 
 
}); 
 

 
document.getElementById("textarea").addEventListener(eventListenerString, function() { 
 
    alert("textarea fires input"); 
 
});

#div{ background: red; width: 200px; height: 100px;} 
 
#textarea{ background: blue; width: 200px; height: 100px;}

<div contenteditable id="div"></div> 
 

 
<textarea id="textarea"></textarea>