web-dev-qa-db-ja.com

textareaではなくcontentEditabledivを使用することの短所は何ですか?

テキストエリアではなく、属性contentEditable="true"のdivをテキストフィールドとして使用して、自分の足を撃ちますか?

46
Babiker

それは問題なく動作しますが、ボタンのクリックイベントが正しいdivを追跡し、そのコンテンツを取得し、そして次に、送信を実行します。 textareaの利点は、ブラウザがすべてを処理してくれることです。

19
TML

それは同じことではありません。最初に意味的には、textareaの目的はプレーンテキストを書き込む/編集することですが、contentEditableを使用すると、たとえばリストを編集できます(参照: htmldemo )2番目に動作も異なります。たとえば、chrome以下のリンクをテストし、すべてのコンテンツを削除すると、フォーカスが失われます(div要素が消えます)。これは予期された動作ではないか、それがばかである場合です。 。

9
florian