如何選擇span標記內的所有內容，包括span標記本身？

Question

我有一個contenteditable div，我有一個span標簽，其中包含一些文本。 如何選擇范圍標記及其所有內容，因此當用戶按退格鍵或刪除時，范圍及其內容將被刪除？

更新：當我說選擇時，我的意思是突出顯示。 抱歉給你帶來不便。

更新2：我正在思考'element.outerHTML.select（）'。 看看是否有幫助。

Answer 1

在Firefox中，您可以使用Selection API來執行此操作。 將它與DOM2 Range API結合使用，就可以得到你想要的東西 ：

var r = document.createRange();
r.selectNode(domElement);
var s = window.getSelection();
s.removeAllRanges();
s.addRange(r);

Selection API在未來的標准HTML編輯 API中找到了它的方式，但它將在大多數瀏覽器中可用之前一段時間。

Answer 2

昨天我回答了你的另一個問題 。 我修改了伴隨該答案的jsfiddle， 請重新檢查 。 在可編輯范圍內使用shift+delete來調出對話框並“選擇”當前范圍。

Answer 3

試試這個：

var span = document.getElementById("myspan");

span.onclick = function() {
    var range = document.createRange();
    range.selectNodeContents(span);
    var sel = window.getSelection();
    sel.removeAllRanges();
    sel.addRange(range);
};​