이 간단한 HTML을 예로 들어 보겠습니다. <div id="editable" contenteditable="true"> text text text<br> text text text<br> text text text<br> </div> <button id="button">focus</button> 간단한 것을 원합니다. 버튼을 클릭하면 캐럿 (커서)을 편집 가능한 div의 특정 위치에 배치하고 싶습니다. 웹 검색에서 버튼 클릭 에이 JS가 첨부되었지만 작동하지 않습니다 (FF, Chrome). var range = document.createRange(); …
<textarea>JavaScript를 사용하여 캐럿 위치를 어떻게 얻 습니까? 예를 들면 다음과 같습니다. This is| a text 이 반환되어야합니다 7. 커서 / 선택 영역을 둘러싼 문자열을 어떻게 반환합니까? 예 : 'This is', '', ' a text'. "is"라는 단어가 강조 표시되면을 반환 'This ', 'is', ' a text'합니다.
contentEditable요소 에서 커서 또는 캐럿 인덱스 위치를 설정하는 방법에 대한 좋은 크로스 브라우저 답변을 많이 찾았 지만 인덱스를 가져 오거나 찾는 방법에 대해서는 없습니다. 내가하고 싶은 것은이 div 내에서 캐럿의 인덱스를 아는 것입니다 keyup. 따라서 사용자가 텍스트를 입력 할 때 contentEditable요소 내에서 커서의 인덱스를 언제든지 알 수 있습니다 . 편집 …
Chrome 에서 출력 : <div id="content" contenteditable="true" style="border:1px solid #000;width:500px;height:40px;"> hey <div>what's up?</div> <div> <button id="insert_caret"></button> 나는 FF 가 다음과 같이 보일 것이라고 믿습니다 . hey <br /> what's up? 그리고 IE에서 : hey <p>what's up?</p> 불행히도 모든 브라우저 <br />가 div 또는 p-tag 대신 a 를 삽입하도록 만드는 좋은 …