본문 바로가기
Dev./jQuery

jQuery Focus 지정

by Alx.K 2023. 1. 28.
반응형

1. 특정 요소에 포커스를 줄때는 .focus()

2. 특정 요서에 포커스를 뺄때는 .blur()

 

jQuery 에서 강제로 포커스 주고 빼기

/* HTML */
<span onclick='focusblurtest()'>Button</span>
<input type='text' id='textbox'>

/* jQuery */
function focusblurtest() {
	$('#textbox').focus();
    /* do Action */
    $('#textbox').blur();
}

아주 간단합니다.

<span> 요소를 클릭하면 focusblurtest() 라는 함수를 실행시키는데, 그 때 idtextboxinput 박스를 활성화 시켜서 특정 작업을 실행 한 후 포커스를 제외시키는 것이지요.

 

<script type='text/javascript'>
$(document).ready( function() {
	$('#startinput').focus();
    /* do Action */
});

저는 위와 같은 방식으로

페이지를 시작하면서 원하는 input 에 포커스를 주었습니다.

 

 

근데, 왜 코딩블럭을 사용하면 스크립트의 두번째줄은 들여쓰기가 안 맞고

탭을 한번 사용했는데도 불구하고, 두번이 사용된것으로 들여쓰기가 될까요??

 

몰라~ 알수가 없어~~

반응형