텍스트 영역에서 문자의 캐럿 열 위치 가져오기 에서 캐럿 열 위치 결정 다양한 텍스트 편집 작업을 활성화하는 데 필요합니다. 다양한 브라우저의 미묘한 차이를 고려하여 JavaScript에서 이를 어떻게 달성합니까?</p> <p>Firefox 및 Safari와 같은 브라우저의 경우 textarea.selectionStart를 활용하면 간단한 솔루션을 제공합니다. 그러나 Internet Explorer에서는 다른 접근 방식이 필요합니다. 다음은 두 경우 모두에 맞는 강력한 솔루션입니다.</p> <div class="code" style="position:relative; padding:0px; margin:0px;"><pre>function getCaret(node) { if (node.selectionStart) { return node.selectionStart; } else if (!document.selection) { return 0; } var c = "<pre>function getCaret(el) { if (el.selectionStart) { return el.selectionStart; } else if (document.selection) { el.focus(); var r = document.selection.createRange(); if (r == null) { return 0; } var re = el.createTextRange(), rc = re.duplicate(); re.moveToBookmark(r.getBookmark()); rc.setEndPoint('EndToStart', re); return rc.text.length; } return 0; }</pre><div class="contentsignin">로그인 후 복사</div></div>1", sel = document.selection.createRange(), dul = sel.duplicate(), len = 0; dul.moveToElementText(node); sel.text = c; len = dul.text.indexOf(c); sel.moveStart('character',-1); sel.text = ""; return len; }</pre> <p>또한 jQuery FieldSelection 플러그인은 캐럿 위치를 검색하고 고급 텍스트 선택 작업을 수행하는 편리한 방법을 제공합니다.</p> <p><strong> 업데이트된 구현:</strong></p> <p>다음은 향상된 기능을 제공하는 getCaret 함수의 업데이트된 버전입니다. 정확성:</p> <p>이러한 솔루션을 사용하면 <textarea> 내에서 정확한 캐럿 위치를 효과적으로 결정할 수 있습니다. 사용 중인 브라우저에 상관없이 JavaScript로 실행됩니다.</p>
