カーソルを 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 サイトの他の関連記事を参照してください。