2011-06-17 4 views
4

divでテキストを選択したときにlabelをクリックすると、divからの選択が失われないように、ラベル付きのチェックボックスを表示しようとしています。ラベルはまだそれをクリックすると、標準のチェックボックスのチェックマーク/チェックを外しが適用されますが、divに焦点&選択INTACKを維持する必要があります。チェックボックスのラベルをクリックすると選択を失う

divで単純なfocus()を実行すると、選択がなくなる(キャレットは最初です)ので、助けになりません。私はもちろんselectionオブジェクトを格納し、labelクリックした後、それをバックに割り当てるしようとするための方法を調べることができますが、selectionを維持する任意の簡単な方法はありませんでしょうか?同様のノートで

(私はjQueryのUIボタンを使用するので、私はlabel & checkboxでこれを行うために必要な理由があると私はそれらのトグル機能が必要になります)

、あなたがクリックした場合チェックボックスは、あなたは通常、まだ divでの選択を維持していますが、非常に頻繁に(< 1S)チェックボックスを押すと、FF4に、少なくとも、それが選択を失うことになります。何が起こっているのだろうか?

例下回っ答え:http://jsfiddle.net/niklasvh/gULM9/

答えて

0

It's a Firefox bug marked 490367.

バグの説明によると、ページ上のcontenteditable divがあるときinputフィールド上の機能が異常に行動するダブルクリックします。

手動でそれを複製しようとしているので、私はそれがバグだったと推測しながら、私は奇妙な行動に気づきました。私は回避策を知らない。唯一しかし、問題の第二部を説明するだろう

+0

、ラベルクリックのについて、まだ未解決の問題。 – Niklas

+0

チェックボックス自体をクリックするとハイライト/選択は残りますが、ラベル(または別のDIV)がクリックされると消えます。それもあなたが見ている行動ですか? – Tim

+1

@Niklas:http://stackoverflow.com/questions/1479784/contenteditable-and-non-button-elements – Tim

関連する問題