カーソルを ContentEditable 要素の末尾に移動するにはどうすればよいですか?

カーソルを Contenteditable エンティティの末尾に移動

カーソルを contenteditable 要素の末尾に配置する必要が生じたことはありますか。 Gmail のメモ ウィジェットに見られる機能はありますか?

解決策

contenteditable 要素については、Geowa4 の解決策は適用できません。カスタマイズされたアプローチが必要です:

function setEndOfContenteditable(contentEditableElement) {
  var range, selection;
  if (document.createRange) {
    // Modern browsers
    range = document.createRange();
    range.selectNodeContents(contentEditableElement);
    range.collapse(false);
    selection = window.getSelection();
    selection.removeAllRanges();
    selection.addRange(range);
  } else if (document.selection) {
    // IE 8 and below
    range = document.body.createTextRange();
    range.moveToElementText(contentEditableElement);
    range.collapse(false);
    range.select();
  }
}

それを採用するには、次のコード例に従うだけです:

var elem = document.getElementById("txt1");
setEndOfContenteditable(elem);

互換性

この解決策は次のとおりです。 contenteditable をサポートするすべての主要なブラウザと互換性があります。

以上がカーソルを ContentEditable 要素の末尾に移動するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。