read : contenteditable 에서 포커스가 안생길 때 강제로 포커스 주는 코드 : 기술 #range #selection #contenteditable::공대여자홈

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

작성자 공대여자

작성 : 2024-03-10 00:54 조회 : 1195
지남 1일간

2024-03-10 - 2024-03-10

좌표
첨부된 파일이 없습니다.

            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	제목	작성자	날짜	조회
공지	[기본형] HTML (with 부트스트랩5.3 , jquery 3.7, vue.js) #기본형	공대여자	24-02-0602-06	90076
공지	유용한 리눅스(LINUX) 명령어 #linux #command	공대여자	11-03-0303-03	95650
공지	[공지] 기술 게시판 #etc #공지	mins01	05-06-2406-24	98227
1743	다빈치리졸브 4k 인코딩 이슈 new #mp4	공대여자	26-05-2005-20	16
1742	laravel 11 (라라벨 11) 에서 Call to a member function make() on null new #php #laravel	공대여자	26-05-2005-20	15
1741	duplicateMouse.ahk autohotkey 용 마우스 움직임 복제 new #autohotkey	공대여자	26-05-2005-20	10
1740	다빈치 리졸브 (DaVinci Resolve) new 1 #영상편집	공대여자	26-05-1805-18	20
1739	x.com (구 트위터) - 트윗 특이사항 - 수정 내역 #x #트위터	공대여자	26-05-1205-12	56
1738	첨부파일 다운로드 해더에서 파일명 지정 방법 #filename	공대여자	26-05-1105-11	52
1737	도메인 등록 대행자 등록 수수료 및 서비스 1 #domain	공대여자	26-05-1105-11	49
1736	ffmpeg 명령 샘플 #ffmpeg	공대여자	26-05-0605-06	53
1735	srcset 관련 #img #srcset	공대여자	26-04-2304-23	66
1734	DOMMatrix 1 #js #dommatrix	공대여자	26-04-1604-16	118
1733	transform 의 순서 #css #transform	공대여자	26-04-1304-13	100
1732	ui-transform-tool v2 1 #ui #transform	공대여자	24-12-3112-31	110
1731	iconifier.net favicon 과 apple-touch-icon 변환 사이트 #favicon	공대여자	26-03-2003-20	94
1730	검색엔진 별 사이트 등록 #seo	공대여자	26-03-1703-17	122
1729	attachShadow, shadowroot 사용시 css 의 특수 셀렉터 #css #shadowroot	공대여자	26-03-1703-17	145