javascript - リンク内のコンテンツ編集可能なブロック、リダイレクトを防ぎながらテキスト選択\キャレットの位置を変更するにはどうすればよいですか?

Question

ここにデモがあります：http://jsfiddle.net/qh7Sq/

リンク内のスパンを編集できるようにしたいのですが、実際には、バブリングの伝播を防ぐことで、キャレットの変更アクションをブロックすることができました。

別のマークアップを提案しないでください。javascript のみを提案してください。

Answer 1

リンク全体を編集可能にせずにこれを行う良い方法があるとは思わない:

$('a').prop("contentEditable", "true");

デモ: http://jsfiddle.net/qh7Sq/1/