본문 바로가기
언어/JavaScript

[JavaScript] 자바스크립트 textarea에 커서를 이동하는 방법

by 만_두 2022. 3. 10.

.focus()를 사용하면 된다

document.querySelector("#text").focus();

버튼을 눌렀을 때 textarea에 글씨가 입력되지 않았을 때 이동하려면 이런식으로 적어주면 된다

 <script>
        function btn(w){
            if(w==''){
                alert("내용을 입력해주세요!");
                document.querySelector("#text").focus();
            }else{
                alert(w);
                
            }
        }

    </script>
</head>
<body style="text-align:center; ">
<!--화면 창의 크기에 따라 변하는 반응형으로 만들었으면 좋겠습니다! -->
<div id="body_div">
    <h2>글 작성</h2>
    <textarea style="font-size:20px;" placeholder="내용을 입력해주세요!" id="text"></textarea>
    <br><button onclick="javascript:btn(document.querySelector('#text').value);">다음</button>
</div>
</body>

댓글