このコードは入力テキストボックスでは機能しますが、contenteditable divでは機能しないのはなぜですか？

Question

次のように私は、Javascriptのコードのスニペットを持っている：私は、入力されたテキストボックスでのcontentEditableのdivを交換する場合

<div id="TestControl" contentEditable="true" style="width:200px; position:absolute; left:100; top:100; border: 1px solid #000;"></div> 
<div style="position:absolute; left:100; top:200; width:200px; border:1px solid #000; padding: 5px 5px 5px 5px;" id="displaydiv" ></div> 
<script> 
document.getElementById("TestControl").onkeyup = function() { 
document.getElementById("displaydiv").innerHTML = this.value; 
} 
</script> 

このコードは正常に動作します。なぜ格差？探しているため

感謝:)

Answer 1

コンテンツのdivが

<div id="TestControl" contentEditable="true" style="width:200px; position:absolute; left:100; top:100; border: 1px solid #000;"></div> 
<div style="position:absolute; left:100; top:200; width:200px; border:1px solid #000; padding: 5px 5px 5px 5px;" id="displaydiv" ></div> 
<script> 
document.getElementById("TestControl").onkeyup = function() { 
document.getElementById("displaydiv").innerHTML = this.value || this.textContent || this.innerText || this.innerHTML; 
} 
</script>