텍스트 영역에서 캐럿 위치 얻기 내 캐럿 위치 결정 요소는 다양한 텍스트 편집 작업에 매우 중요합니다. JavaScript에는 사용되는 브라우저에 따라 이를 달성하기 위한 고유한 접근 방식이 있습니다.</p> <p>selectionStart 속성을 지원하는 Firefox 및 Safari와 같은 최신 브라우저의 경우 캐럿 열 위치를 얻는 것은 간단합니다.</p> <pre>function getCaretColumn(textarea) { return textarea.selectionStart; }</pre> <p>그러나 IE 및 레거시 브라우저에서는 이 속성을 사용할 수 없으므로 더 복잡한 해결 방법:</p> <pre>function getCaretColumnIE(textarea) { var caret = document.selection.createRange(); var length = 0; var dul = caret.duplicate(); dul.moveToElementText(textarea); sel.text = '<pre>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) ]; }</pre>1'; length = dul.text.indexOf('1'); sel.moveStart('character', -1); sel.text = ""; return length; }</pre> <p><strong>커서 주변 문자열 가져오기</strong></p> <p>커서 또는 선택 항목 주변 문자열을 검색하려면 시작 및 끝 캐럿 가져오기 조합을 사용할 수 있습니다. 텍스트 영역의 값을 잘라내는 것과 함께 위치:</p> <p>단어가 있는 경우 또는 텍스트가 강조표시되면 이 함수는 선택 이전, 선택 내, 이후의 문자열을 반환합니다.</p>
