¿Cómo verifico si el texto bajo el cursor en un div contenteditable es "negrita"

Question

Duplicar posible:
Identify whether the selected text in a web page is bold nor not

He creado un div contenteditable, y esto era lo suficientemente sencillo.

También he agregado un control en la parte superior de la div para negrita y suavizar el texto.

Ahora, me gustaría diseñar el botón en función del estado en negrita del texto debajo del cursor, es decir, si el texto debajo del cursor está en negrita, me gustaría que el icono en negrita tenga el borde 'insertado' .. .y si no es negrita, me gustaría que el ícono en negrita esté sin borde.

¿Cómo puedo verificar el estilo del elemento debajo del cursor?

Enlace al código como lo es ahora: http://jsfiddle.net/aCp7M/

Answer 1

Aquí son: http://jsfiddle.net/vvCzD/

Uso document.queryCommandValue("Bold") para comprobar que el texto en la posición del cursor está en negrita y así sucesivamente. Se describen todos los identificadores de comando posibles here.

---

UPD: Como Tim indicados a continuación, un método correcto para conseguir propiedades booleanas-como es queryCommandState.