이 키 코드 목록 기능을 최적화하는 방법이 있습니까?

Question

더 좋고 최적화 된 방식으로 작성하고 싶습니다. 어쩌면 내가 jquery 각 함수를 사용해야하지만 그것을 쓰는 방법을 잘 모르겠다 생각. 기본적으로 7 개의 버튼 목록이 있으며 NUM 키와 일반 숫자 키가 관련 버튼에 연결되어 있습니다. 되는 HTML 여기 http://jsfiddle.net/wAwed/1/

$(document).keydown(function (e) { 
    if ($(e.target).is('input') || $(".answerbtns").length != 0) { return } 
    /* keyboard 1 */ 

    else if (e.keyCode == 97 || e.keyCode == 49) { 
     $("#.ctl00_ContentPlaceHolder1_rptrQuizQuestions_ctl00_lbAnswers")[0].click(); 
     e.stopPropagation(); 
     return false; 
    } 
    /* keyboard 2 */ 
    if (e.keyCode == 98 || e.keyCode == 50) { 
     $("#ctl00_ContentPlaceHolder1_rptrQuizQuestions_ctl01_lbAnswers")[0].click(); 
     e.stopPropagation(); 
     return false; 
    } 
    /* keyboard 3 */ 
    if (e.keyCode == 99 || e.keyCode == 51) { 
     $("#ctl00_ContentPlaceHolder1_rptrQuizQuestions_ctl02_lbAnswers")[0].click(); 
     e.stopPropagation(); 
     return false; 
    } 
    /* keyboard 4 */ 
    if (e.keyCode == 100 || e.keyCode == 52) { 
     $("#ctl00_ContentPlaceHolder1_rptrQuizQuestions_ctl03_lbAnswers")[0].click(); 
     e.stopPropagation(); 
     return false; 
    } 
    /* keyboard 5 */ 
    if (e.keyCode == 101 || e.keyCode == 53) { 
     $("#ctl00_ContentPlaceHolder1_rptrQuizQuestions_ctl04_lbAnswers")[0].click(); 
     e.stopPropagation(); 
     return false; 
    } 
    /* keyboard 6 */ 
    if (e.keyCode == 102 || e.keyCode == 54) { 
     $("#ctl00_ContentPlaceHolder1_rptrQuizQuestions_ctl05_lbAnswers")[0].click(); 
     e.stopPropagation(); 
     return false; 
    } 
    /* keyboard 7 */ 
    if (e.keyCode == 103 || e.keyCode == 55) { 
     $("#ctl00_ContentPlaceHolder1_rptrQuizQuestions_ctl06_lbAnswers")[0].click(); 
     e.stopPropagation(); 
     return false; 
    } 
}); 

Answer 1

확신, 다음 루프를 사용하여 대상 요소에 키 코드를 연결 키 코드의지도를 만들 수 있습니다. 또는 객체 키/값 쌍을 사용하십시오. 여기에 두 가지의 샘플입니다 : 그들은 모두 클래스 "answerbtns"이 경우,

var keys = { 
    97: "#.ctl00_ContentPlaceHolder1_rptrQuizQuestions_ctl00_lbAnswers", 
    49: "#.ctl00_ContentPlaceHolder1_rptrQuizQuestions_ctl00_lbAnswers" 
} 
$(document).keydown(function (e) { 
    if ($(e.target).is('input') || $(".answerbtns").length != 0) { return } 
    /* keyboard 1 */ 

    if (keys[e.keyCode]) { 
     $(keys[e.keyCode])[0].click(); 
     e.stopPropagation(); 
     return false; 
    } 
}); 

을, 당신은이 작업을 수행 할 수 있습니다

var numeric = [97,98,99,100,101,102,103]; 
var numpad = [49,50,51,52,53,54,55]; 
$(document).keydown(function (e) { 
    if ($(e.target).is('input') || $(".answerbtns").length == 0) { return } 
    /* keyboard 1 */ 
    var index = $.inArray(e.which,numeric); 
    if (index == -1) { 
     index = $.inArray(e.which,numpad); 
    } 
    if (index != -1) { 
     $(".answerbtns")[index].click(); 
     e.stopPropagation(); 
     return false; 
    } 
}); 

http://jsfiddle.net/wAwed/2/

Answer 2

이 옵션은 일부 코드를 줄일 수 있습니다.

var custKeyCode = [97, 49, 98, 50]; 

if (e.keyCode == 97 || e.keyCode == 49) { 
    myid = "#.ctl00_ContentPlaceHolder1_rptrQuizQuestions_ctl00_lbAnswers"; 
} 

if (e.keyCode == 98 || e.keyCode == 50) { 
    myid = "#ctl00_ContentPlaceHolder1_rptrQuizQuestions_ctl01_lbAnswers"; 
} 

...... 
...... 

for(var i=0; i<custKeyCode.length; i++){ 
    if(custKeyCode[i] == e.keyCode){ 
     $(myid)[0].click(); 
     e.stopPropagation(); 
     return false; 
    } 
}