2012-03-07 143 views
0

我的Javascript代碼片段如下:如果我有輸入文本框代替CONTENTEDITABLE DIV爲什麼此代碼適用於輸入文本框,但不適用於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> 

此代碼工作正常。爲什麼差距?

爲尋找謝謝:)

+0

爲什麼是一個div,而不是輸入字段? – 2012-03-07 19:50:02

回答

2

含量DIV沒有一個名爲Value屬性

<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> 
相關問題