[jQuery] 객체 이동함수 focus() - div focus()안되는 현상 해결방법

 

input객체는 그냥 focus()만 지정해줘도 해당 위치로 이동이 잘된다.

하지만 div객체는 focus()만 해주면 이동하지 않아 검색결과로

div객체는 focus를 받기 전에 tabindex가 지정되어야 한다.

div객체에 속성으로 tabindex를 할당하지 않고 jQuery로 tabindex를 지정한 뒤 focus function을 호출하면 된다.

아니면 div객체에 tabindex속성을 넣어 포커스를 하자!

 

[ div객체에 tabindex속성 추가 후 focus() ]

<div id="test" tabindex="0"></div>
$("#test").focus();

 

 

[ div객체에 속성으로 tabindex를 할당하지 않고 focus() 방법 ]

//input focus
<input id="test_input"/>
$("#test_input").focus();


//div focus
<div id="test_div"></div>
$("#test_div").attr("tabindex", -1).focus();

jQuery로 tabindex 속성을 지정한 뒤 focus를 호출하면 된다.