contenteditable div에서 현재 캐럿 위치 찾기?

Question

콘텐츠 편집 div이 있습니다. 입력하는 동안 특정 텍스트의 색을 지정하고 싶습니다 (A4, D12 등).

따라서 각 키 누르기에서 div의 내용을 확인하고 토큰 (A4, D11 등)을 찾아 span으로 묶습니다.

그래서 abcd+A6은

지금은 현재 캐럿 위치를 알고 싶어 abcd+<span color=#some-color>A6</span>로 변환 얻을 것이다. 커서가 있다고 가정 해 봅시다 span 내부의,

을하지만 이후 나는 내가 span 요소 캐럿의 위치입니다 pos=1을 얻고있다

sel=window.getSelection() 
pos = sel.anchorOffset 

을하지만 난에 캐럿 높은 게재 순위를 기준으로 할 때 div 요소 (이 경우 pos=6이어야 함)

도움이 될만한 정보가 있습니다.

Answer 1

이 시도 :

이

sel = window.getSelection(); 
pos = sel.focusOffset; 

당신은 here