我有一段 Javascript 代码如下:
<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>
如果我用输入文本框替换 contenteditable div，此代码可以正常工作。为什么会出现这样的差异？
感谢您的浏览:)
最佳答案
内容 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>
关于javascript - 为什么此代码适用于输入文本框，但不适用于 contenteditable div？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/9608036/