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 중국어 웹사이트의 기타 관련 기사를 참조하세요!