編集された要素の削除イベントを取得します

Question

私はcontentEditable要素の（既存ではない）変更イベントをシミュレートしようとしていますが、入力要素で同じ問題があると思います。残念ながら、ユーザーがテキストを選択してブラウザのコンテキストメニューから「削除」を選択したときに、イベントを取得する方法がわかりません。

どのように私はそれを得ることができましたか？何をしたい

Answer 1

改訂答え、2012年6月8日

はHTML5 input eventです。しかし、これは現在contenteditable要素のWebKitでのみ動作しますが、うまくいけば他のブラウザでも実装されます：Firefox 14 will apparently have it。それはalready implemented in all major browsers for text inputs and textareasです。

デモ：http://jsfiddle.net/timdown/5e5E5/1/

HTML：

<div id="test" contenteditable="true">...</div> 

JS：

var editableDiv = document.getElementById("test"); 

editableDiv.addEventListener("input", function(evt) { 
    alert("Editable content changed"); 
}, false); 

クロスブラウザのソリューションについては、さまざまなDOM mutation eventsの一部を使用することができます（また、MDNを参照）は解雇される。私はDOMCharacterDataModifiedとおそらくDOMNodeRemovedがこの目的のために有用なものであることを示唆しています。これらのイベントは、IE < = 8に存在しないことを

注さらに、これらのイベントは、DOM4 Mutation Observersの賛成で廃止されました。しかし、執筆時点（2012年6月）には、非常に最近のWebKitブラウザだけがこれをサポートしています。したがって、短期的には中期的には、最小限のフォールバックとして突然変異イベントが残っています。

editableDiv.addEventListener("DOMCharacterDataModified", function(evt) { 
    if (evt.newValue.length < evt.prevValue.length) { 
     alert("Characters deleted"); 
    } 
}, false);