2012-10-04 40 views
5

可能重複:
Identify whether the selected text in a web page is bold nor not如何檢查如果光標在CONTENTEDITABLE DIV下的文本是 「大膽」

我創建了一個CONTENTEDITABLE DIV,這是直截了當。

我也一樣加上了div來大膽的頂部的控制和取消粗體文字。

現在,我想基於光標下文本的粗體狀態來設置按鈕樣式 - 即:如果光標下方的文本是粗體,我希望粗體圖標具有邊框'inset'.. 。如果不是大膽的,我希望粗體圖標沒有邊框。

我如何檢查元素的風格光標下?

鏈接的代碼,因爲它是現在: http://jsfiddle.net/aCp7M/

+3

這將是對我們有用的代碼 –

+0

顯示與此有所進展? – rsz

+0

我已經添加到我的代碼的鏈接。當光標下的文本爲粗體時,我想讓圖標「B」顯示邊框。 – Alterlife

回答

9

給你:http://jsfiddle.net/vvCzD/

使用document.queryCommandValue("Bold")檢查文本的插入位置是大膽等等。 描述了所有可能的命令標識符here


UPD: 作爲添如下所述,用於獲得布爾樣性質的正確的方法是queryCommandState

+6

我相信'document.queryCommandState(「Bold」)'是大膽的正確方法。 'queryCommandValue()'用於具有值的命令(如「fontName」),而不僅僅是切換。 –

+1

這是更新的jsFiddle:http://jsfiddle.net/vvCzD/1/ –

+0

@TimDown,感謝提示。你是完全正確的。 –

相關問題