[Javascript] input 항목에 focus 이동 시키기

 

경우에 따라

input 항목에 자동으로 포커스를 이동시켜서

사용자 편의를 증가시킬 수 있습니다.

 

다음은, 버튼 클릭 시 input 항목에 focus를 이동시키는 예제입니다.

 

focus()

<input id='my-input'></input>
<button onclick='btnClick()'>
  클릭하세요 
</button>

function btnClick() {
  const myinput = document.getElementById('my-input');
  
  myinput.focus();
}

  HTML  

<button onclick='btnClick()'>

버튼 클릭 시, btnClick()  함수를 호출합니다.

 

  JAVASCRIPT  

document.getElementById('my-input');

getElementById() 함수를 이용하여, 포커스를 이동시킬 input 요소를 선택합니다.

 

myinput.focus();

focus()  함수를 이용하여, 포커스를 input 요소로 이동시킵니다.

다른 영역을 클릭했다가, 버튼을 클릭하면, focus가 input 요소로 이동합니다.