[JavaScript] 원하는 객체 포커싱하는 방법

#자바스크립트 #focus #제이쿼리 #이벤트

안녕하세요, 배곧동개발자 입니다.

자바스크립트로 웹사이트를 개발하다보면 간혹 내가 원하는 객체로 포커싱이 이동되어야 하는 경우가 있습니다. 예를 들어보자면, 이름을 입력받아야 하는 페이지에 이름을 빈값으로 입력한다면 “이름을 입력해주세요” 라는 문구와 함께 이름을 입력하는 곳으로 커서를 이동시켜 줄 수 있지요.

이런건 어떻게 할까요?

focus()

정말 간단합니다. 해당 객체에 focus() 라고만 적어주시면 끝.

function validation(){
  if($("#name").val() != ""){
    alert("이름을 입력해주세요");
    // 이거만 입력해주면 끝
    $("#name").focus();
    return;
  }
}

저렇게 해준다면 해당 입력창으로 포커싱이 이동되어서 어디를 잘못입력했는지 사용자가 바로 알 수 있습니다. 쉽죠?

별거 아니긴한데 이런 디테일한 부분 하나하나 신경쓰며 개발하는 개발자가 되어봅시다!

이만, 배곧동개발자 였습니다.