텍스트 영역에서 캐럿 위치와 주변 텍스트를 어떻게 얻을 수 있나요?

텍스트 영역에서 캐럿 위치 얻기

내 캐럿 위치 결정 요소는 다양한 텍스트 편집 작업에 매우 중요합니다. JavaScript에는 사용되는 브라우저에 따라 이를 달성하기 위한 고유한 접근 방식이 있습니다.

selectionStart 속성을 지원하는 Firefox 및 Safari와 같은 최신 브라우저의 경우 캐럿 열 위치를 얻는 것은 간단합니다.

function getCaretColumn(textarea) {
  return textarea.selectionStart;
}

그러나 IE 및 레거시 브라우저에서는 이 속성을 사용할 수 없으므로 더 복잡한 해결 방법:

function getCaretColumnIE(textarea) {
  var caret = document.selection.createRange();
  var length = 0;
  var dul = caret.duplicate();
  dul.moveToElementText(textarea);
  sel.text = '<pre class="brush:php;toolbar:false">function getSurroundingStrings(textarea) {
  var start = textarea.selectionStart;
  var end = textarea.selectionEnd;
  return [
    textarea.value.slice(0, start),
    textarea.value.slice(start, end),
    textarea.value.slice(end)
  ];
}

1'; length = dul.text.indexOf('1'); sel.moveStart('character', -1); sel.text = ""; return length; }

커서 주변 문자열 가져오기

커서 또는 선택 항목 주변 문자열을 검색하려면 시작 및 끝 캐럿 가져오기 조합을 사용할 수 있습니다. 텍스트 영역의 값을 잘라내는 것과 함께 위치:

단어가 있는 경우 또는 텍스트가 강조표시되면 이 함수는 선택 이전, 선택 내, 이후의 문자열을 반환합니다.

위 내용은 텍스트 영역에서 캐럿 위치와 주변 텍스트를 어떻게 얻을 수 있나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!