javascript - contenteditable = "true"が追加されたDIVは、クリックに焦点を合わせていません

Question

jQueryを使用して、コンテンツの編集可能な属性をDIVに追加しています。

$('div').attr('contenteditable', 'true');

クリックしても、すでにコンテンツ編集可能なDIVをクリックしたときに得られるフォーカス効果が得られません。もう一度クリックしたときにのみフォーカスされます。

これは、私のブラウザのすべて（Safari 5、Chrome 18、Firefox 8）で発生します。とにかく、正常に動作させることができますか？

Answer 1

要素もjquery-uiドラッグ可能であり、クリックイベントがハイジャックされたため、この問題が発生していることに気付きました。

Answer 2

http://jsfiddle.net/VV7BW/1/は機能しているようです。$('div')あなたの問題かもしれません、それは私が思うすべてのdivを取得しますが、attrを最初のものにのみ適用します（しかしこれについて私を引用しないでください）

divにIDを付けてから、$('#id')

Answer 3

contenteditableマウスイベントに属性を追加しようとすると、同じバグが発生しました。イベントを使用するmousedownと、機能しません。イベントを使用すると、click正常に動作します...

私のid場合、属性は何も変更しません。