.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>
'언어 > JavaScript' 카테고리의 다른 글
[JavaScript] a 태그 post 방식으로 넘겨주기 (0) | 2022.03.10 |
---|---|
[JavaScript] 뒤로가기 이벤트 감지해서 막기 (0) | 2022.03.10 |
[JavaScript] 팝업페이지에서 데이터 받아오기 (0) | 2022.03.10 |
[HTML] form 태그 엔터(Enter) 키 눌렀을 때 폼 전송 이벤트 막는 방법 (0) | 2022.03.10 |
댓글