jQuery 자바스크립트로 키보드 입력받기

2014.02.21 20:10

jurohan 조회 수:2453

현재 코드에서는 화살표 위, 아래 스페이스, 엔터, Esc 만을 사용했다.
추가로 키입력이 필요한 경우는... alert(event.keyCode)를 통해 입력 키에 대해 확인하고,
반응을 추가하면 된다.

//키 이벤트 받기
document.onkeydown = eventKeydown;
function eventKeydown() {
//다음 슬라이드로 이동하기
if(event.keyCode ==40 || event.keyCode ==32){
var modal_overlay = $('#simplemodal-overlay').css('visibility');
//overlay가 visible 상태이면..작동하지 말기
if(modal_overlay != 'visible'){
goto_down();
}else{
//세부창보기가 활성화 된 상태에서는 div에서 스크롤하기(포커스 이동하기)
var scr_now = $("#modal_txt").scrollTop();
scr_now=scr_now+10;
$('#modal_txt').scrollTop(scr_now);
$('#modal_txt').scroll();
}
}else if(event.keyCode ==38){
//윗 슬라이드로 이동하기
var modal_overlay = $('#simplemodal-overlay').css('visibility');
//overlay가 visible 상태이면..작동하지 말기
if(modal_overlay != 'visible'){
goto_top();
}else{
//세부창보기가 활성화 된 상태에서는 div에서 스크롤하기(포커스 이동하기)
var scr_now = $("#modal_txt").scrollTop();
scr_now=scr_now-10;
$('#modal_txt').scrollTop(scr_now);
//alert(scr_now);
$('#modal_txt').scroll();
}
}else if(event.keyCode ==13){
select_section(u_filter);
}else if(event.keyCode ==27){
check_modal();
}
}
이 게시물을
목록
목록
쓰기
태그

© juroweb 2003-2014. All rights reserved
log in

Login


닫기