JSP focus()

focus() 메소드는 입력창에 입력을 할 수 있도록 커서를 이동해주는 편리함을 주능 기능입니다.

<script>
	function func_focus() {
		alert("focus() 실행");
		document.getElementById("input").focus();
	}
</script>
<body>
	<p>입력 <input type="text" id="input" value=""></p>
	<br><br><br><br><br><br><br><br><br><br><br>
	<br><br><br><br><br><br><br><br><br><br><br>
	<br><br><br><br><br><br><br><br><br><br><br>
	<br><br><br><br><br><br><br><br><br><br><br>
	<br><br><br><br><br><br><br><br><br><br><br>
	<br><br><br><br><br><br><br><br><br><br><br>
	<br><br><br><br><br><br><br><br><br><br><br>
	<input type="submit" value="제출" onclick="func_focus()">
</body>

입력창을 만들고, 스크롤을 내려야 보이는 submit 버튼을 하나 생성했습니다.

버튼을 클릭하여 focus가 제대로 작동하는지 확인해보겠습니다.

스크롤 맨 아래를 보면

제출이라는 버튼이 있습니다. 클릭해보겠습니다.

alert 창이 뜨고,

입력창으로 이동하면서 커서가 깜빡이는 것을 확인 할 수 있습니다.

'코딩 > JSP' 카테고리의 다른 글

JSP getParameter, getAttribute (0)	2020.07.08
JSP 확장자 .jspf (0)	2020.07.07
JSP <form> action (0)	2020.07.07
JSP forward, redirect (0)	2020.07.07
JSP scriptlet(스크립트릿) (0)	2020.07.04