JQUERY Simulating 사용자가 DIV를 클릭 한 후 Tab 키를 누릅니다

Question

DIV를 클릭하면 Tab 키를 눌러 입력 필드에서 다음 입력 필드로 이동해야합니다.

나는이 코드를 시도했지만 작동하지 않습니다 :이 작업을 수행하는 많은 다른 방법, .focus이 (가 알고

$("#change_logo").click(function() { 
    e = jQuery.Event("keydown"); 
    e.which = 9; 
    // This is the ID of the input where I want to simulate the "Press TAB Key" 
    // and then I will go automatically to the following input which ID is 
    // #newsletter_section_title2 
    $("#newsletter_section_title1").trigger(e); 
}); 

) 등 다른 이유로 나는 그것을 할 필요가 방법 적 누르면 Tab 키를 시뮬레이션 (하지만 사용자가 탭을 누르지 않고, 사용자는 div 만 클릭).

누구나 어떻게 할 수 있습니까?

많은 감사, 다니

Answer 1

여기에 일을하지 않습니다 탭을 눌러 시뮬레이션, 그것은 그것으로, 이벤트를 시뮬레이션하는 것은 종종 기본 동작을 호출하지 않습니다, 당신이 잘못 무엇을하고있는 것이 아니다 이 경우는 다음 필드에 초점을 맞 춥니 다. 예를 들어 <a>에있는 .click()은 링크를 따르지 않습니다.

.focus() 경로로 가야합니다. $('#newsletter_section_title2').focus() 여기에서 원하는 효과를 얻으려면 ... 시작하지 않으려는 이유는 무엇입니까?

Answer 2

나는이 문제를 해결하는 simple jQuery plugin을 만들었습니다. 그것은 다음 tabbable 요소를 찾고 그것을 선택하기 위해 jQuery UI의 ': tabbable'선택자를 사용합니다.

사용 예제 : 질문에 대한

$("#change_logo").click(function() { 
    $.focusNext(); 
});