Javascript在控制檯中工作，但不在腳本標記內...控制檯的上下文是什麼？

Question

我試圖實現瀏覽器提供的富文本編輯器。這裏是Mozilla的參考： https://developer.mozilla.org/en/rich-text_editing_in_mozilla

我以前做過這件事，它可以在IE/Chrome/Firefox中工作，儘管可能有一些bug。

無論如何，我已經設置contenteditable = true（通過JavaScript），現在所有剩下要做的就是將按鈕點擊（對於「粗體」，「斜體」等格式）綁定到document.execCommand（）調用。我正在使用jQuery bind（）方法做到這一點。

但是當我調用這個函數時沒有任何事情發生，比如說： document.execCommand（'bold'，false，null）;

單擊回調函數被調用，所有，但document.execCommand（）被忽略。它不會發布任何類型的錯誤。但是，如果我選擇文本，並從Javascript控制檯運行相同的命令，無論是在Chrome還是Firefox，它都可以使用！文字變成粗體...

那麼它如何在控制檯中工作，但不在我的代碼中？情境差異是什麼？

由於

PS：我用的HTML 「A」 的標籤，以用於格式按鈕（粗體，斜體等）。有一次，我跟一個按鈕標籤替換它，而不是，它的工作...沒有多大意義的，我......

Answer 1

聽起來好像是兩個潛在的問題之一：

• 的選擇在執行document.execCommand()調用之前丟失。正如你已經觀察到的那樣，使用按鈕而不是鏈接可以解決這個問題。另一種選擇是store the selection before the selection is lost and restore it before the document.execCommand() call。或者using the unselectable attribute可能工作。

• 另一個可能的問題是您使用錯誤的document對象：您需要iframe的文檔，而不是主文檔中的文檔。