jEditable TAB 및 ENTER 입력 제출

Question

내 jEditable은 사용자가 입력을 위해 Enter 키를 누르는 한 정상적으로 작동합니다. 그러나 사용자가 Tab 키를 누르면 변경 내용이 게시되지 않습니다. 이것은 정확하고 문서화 된 동작입니다.

Enter 키와 마찬가지로 Tab 키를 사용하고 싶습니다. 나는 다른 jEditables에 영향을 줄 필요가 없으며, ENTER를 눌렀을 때처럼 현재 활성화되어있는 jEditables를 되돌릴 수 있습니다.

keydown 처리기를 jEditable 컨트롤에 바인딩하는 방법이 부족합니까?

keydown 처리기를 제공해야한다면 jEditable 컨트롤에 id 및 값을 컨트롤에서 추출하지 않고 게시하도록 프로그래밍 방식으로 지시 할 수있는 방법이 있습니까?

Answer 1

.editable() 이후에 click 이벤트를 바인드 할 수 있으므로 양식을 설정하는 jEditable 이벤트 이후에 트리거됩니다. 그런 다음 keydown 이벤트를 TAB 키를 수신하는 텍스트 상자에 바인딩하십시오. 그래서, 당신은 텍스트 상자 다루고있는 가정, 당신은 다음과 같이 뭔가를 할 수 있습니다

$('.editable').editable('url', { 
    ... 
}).click(function(evt) { 
    $(this).find('input').keydown(function(event) { 
     if (event.which == 9) //'TAB' 
      $(this).closest('form').submit(); 
    }); 
}); 

행동이를 참조하십시오 http://jsfiddle.net/william/6VUHh/5/합니다.