[jQuery] 단축키 만들기

JavaScript를 이용해도 되지만 제이쿼리를 이용하면 쉽게 단축키를 만들 수 있다.

input, textarea 등 입력폼에 커서가 있을 경우는 단축키가 작동되지 않도록 했다.

아래 예제는 g키를 누를 경우 경고창이 뜬다.

HTML/JavaScript(jQuery) 소스코드

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>

<script>

$(document).on("keydown", function(e) {

if ( !($("input").is(":focus")) && !($("textarea").is(":focus")) ) {

if (e.which == 71) alert("g키");

}

});

</script>

HTML/JavaScript(jQuery) 소스코드

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>

<script>

$(document).ready(function(){

$(document).keydown(function(e){

if( !($("input").is(":focus")) && !($("textarea").is(":focus")) ) {

if(e.which == 71) alert("g키");

}

});

});

</script>