div が contentEditable=true に設定されている場合、コンテンツをリセットした後にカーソルを配置することはできません。

最近、絵文字にコメントする機能が必要なコメント機能に取り組んでいたため、 contentEditableプロパティを最初に検討しました。その結果、問題が発生しました...

まず、地区長についてコメントします。

入力内容が制限を超えた場合、ユーザー入力が制限を超えた後に内容をクリアします。

これは簡単です...しかし、コンテンツをクリアした後、カーソルが実際に前面に移動するのは頭痛の種です。

いろいろ検索した結果、解決策を見つけました。さっそく、コードをご紹介します。

var _div = document.querySelector('.discuss_area');
var 範囲 = document.createRange();

範囲を選択します。
範囲を縮小します(false);

var sel = window.getSelection();
sel.removeAllRanges();
sel.addRange(範囲);

これらはすべてネイティブ イベントを使用するため、 jQueryオブジェクトは使用できません。

この記事では、div が contentEditable=true に設定されている場合に、コンテンツをリセットした後にカーソルを正しく配置できない問題を解決する方法について説明します。記事はこれで終わりです。div 設定 contentEditable=true に関するより関連性の高いコンテンツについては、123WORDPRESS.COM の過去の記事を検索するか、以下の関連記事を引き続き参照してください。今後とも 123WORDPRESS.COM をよろしくお願いいたします。