logo image
메인
기술
HOME
기술

contenteditable 에서 포커스가 안생길 때 강제로 포커스 주는 코드

목록
#range #selection #contenteditable
            if(target.textContent.length == 0){
                const range = window.document.createRange();
                range.setStart(target, 0);
                range.setEnd(target, 0);
       
                const selection = window.getSelection();
                selection.removeAllRanges();
                selection.addRange(range);
            }

chrome 에서 button에 contentEditable="true"로 설정시
커서(캐럿)이 안생겨서 있는데
해당 코드로 빈 내용시 강제로 셀렉트 부분을 만들어서 캐럿이 생기도록 한다.
목록
댓글
  • / /
  • No Nickname
    No Comment
  • 권한이 없습니다.
    {{m_row.m_nick}}
    -
목록형 📷 갤러리형
제목
[기본형] HTML (with 부트스트랩5.3 , jquery 3.7, vue.js)
유용한 리눅스(LINUX) 명령어
[공지] 기술 게시판
일
월
화
수
목
금
토
2.1
2.2
2.3
2.4
2.5
2.6
2.7
2.8
2.9
2.10
2.11
2.12
2.13
2.14
2.15
2.16
2.17
2.18
2.19
2.20
2.21
2.22
2.23
2.24
2.25
2.26
2.27
2.28
tag