document.execCommand未執行

Question

對我來說這是一個艱難的過程。

有一些格式化按鈕的conentEditable div。 其中之一是“粗體”按鈕：

<li data-role="button" data-button-role="bold"><b>B</b></li>

在我的JavaScript中，我得到了代碼的一點點平靜：

$(document).ready(function(){
    $("[data-role='button'][data-button-role='bold']").click(toggleBoltFormat);
});
function toggleBoltFormat() {
    document.execCommand("bold", false, null);
}

這些東西被調用（用alert（）測試），但是execCommand行沒有被執行。 因此突出顯示的文本不會變粗體。

cE-div的某些父元素的相對位置和絕對位置是否有問題？

將docuement.execCommand行放在我的Chrome瀏覽器js控制台中時，它可以正常工作。

Answer 1

嘗試添加類似此html的unselectable="on"行為的內容。 創建了一個名為unselectable的類，並將其添加到<li> ：

<li data-role="button" data-button-role="bold" class="unselectable"><b>B</b></li>

.unselectable {
   -moz-user-select: -moz-none;
   -khtml-user-select: none;
   -webkit-user-select: none;
   -o-user-select: none;
   user-select: none;
}