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

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

작성자 공대여자

작성 : 2024-03-10 00:54 조회 : 213
지남 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 Nickname

No Comment
권한이 없습니다.

{{m_row.m_nick}}

내용이 너무 많습니다!

-

목록형 📷 갤러리형

No	제목	작성자	등록	조회
공지	[기본형] HTML (with 부트스트랩5.3 , jquery 3.7, vue.js)	공대여자	02/06 13:44	1081
공지	유용한 리눅스(LINUX) 명령어	공대여자	03/03 14:47	11010
공지	[공지] 기술 게시판	mins01	06/24 15:10	11206

일	월	화	수	목	금	토
3.31	4.1	4.2	4.3	4.4	4.5	4.6
4.7	4.8	4.9 game_tictactoe 2	4.10	4.11	4.12	4.13
4.14	4.15	4.16	4.17 :scope selector , querySelector 에서 this, self node 지정 1	4.18	4.19	4.20
4.21	4.22	4.23 ui_treemap new 2	4.24	4.25	4.26	4.27
4.28	4.29	4.30	5.1	5.2	5.3	5.4