html - contenteditable で CSS プロパティを知る

Question

contenteditable=true複数のCSSスタイル（太字、斜体など）を含むボックスがあります。

太字の近くに書くと、新しいテキストも太字で書かれます。Javascript を使用して、どのプロパティがテキストに適用されるかを知る方法はありますか?

編集：

JFiddle の小さな例を次に示します: http://jsfiddle.net/WgCBZ/

太字のテキストの中または後に書く場合は、太字で書きます。スタイルなしのテキストの中または後に書く場合は、スタイルなしで書きます。

キーを押したときに書かれるテキストのスタイルを知りたいです。

$(document).keypress(function(event) { 
  // Find the style
  // If bold will be written alert "bold"
  // If italic will be written alert "italic"
  // else alert ""
});