jquery - key event

*keydown 이벤트

<p>
	<input type="text" name="user_id" id="user_id">
</p>
----------------------------------------------------------


$(function(){
    $(document).on('keydown', keyEventFnc);
    function keyEventFnc(e) {
        var direct = "";

        switch (e.keyCode) {
            case 37:
                direct = "LEFT";
                break;
            case 38:
                direct = "TOP";
                break;
            case 39:
                direct = "RIGHT,dddd";
                break;
            case 40:
                direct = "BOTTOM";
                break;            
        }
        if (direct) $("#user_id").val(direct);
    }
});



설명
keydown은 키보드를 누르면 이벤트 발생

스위치로 해당 키를 누르면 direct에 문자열이 출력

case 37, 38, 38, 40은 각각 LEFT, TOP, RIGHT, BOTTOM (방향키)에 대한 키값


결과
input창에 방향키에 따라 direct로 지정한 문자열 출력