作出跨度內contenteditable div不可編輯

Question

我有一個contenteditable div，其中包含幾個與類dontEdit跨度。有沒有一種方法可以讓跨度不受限制，而其餘部分保持可編輯。

<div contenteditable=true> 
    editable1 <span class="dontEdit">uneditable1</span> editable2 
</div> 

請在這裏看到小提琴：http://jsfiddle.net/LZpag/

Answer 1

添加contenteditable="false"每個<span>元素。如果您需要動態執行此操作，則可以在JavaScript中使用contentEditable屬性。請注意，以下將不會在IE < = 8的工作，因爲這些瀏覽器不支持document.getElementsByClassName()，但如果必要一遇工作圍繞：

var spans = document.getElementsByClassName("dontEdit"); 
for (var i = 0, len = spans.length; i < len; ++i) { 
    spans[i].contentEditable = "false"; 
}