2013-03-05 2 views
6

HTML5 앱의 단축키를 만드는 방법은 무엇입니까? 키 이벤트 사용은 작동하지 않습니다. 일부 브라우저는 이미 다른 이름으로 저장 ...과 같은 내장 기능에 대한 입력을 정의합니다 (대화 형 응용 프로그램에서는 쓸모가 없습니다).HTML5 앱의 단축키 만들기

+4

을 제거하는 바로 가기를

shortcut.add("Ctrl+B",function() { alert("Bold");}); 

샘플을 추가 브라우저가 가져 가지 않는 많은 단축키 ... –

답변

12

는 글쎄, 그 사람은 나를 위해 작동 : (CTRL-S를 크롬에서)

$(document).keydown(function(evt){ 
    if (evt.keyCode==83 && (evt.ctrlKey)){ 
     evt.preventDefault(); 
     alert('worked'); 
    } 
}); 
+0

예, 열쇠는'event.preventDefault()'를 사용하는 것입니다. 일부 브라우저는 일부 브라우저에서는 작동하지 않지만 다른 브라우저에서는 작동하지 않는 경우가 있습니다. – lordvlad

+0

Ctrl 키를 누른 상태에서 FF로 경고 대화 상자가 열립니다. 그러나 Juan Mendes가 위에서 언급 한 것처럼 단축키를 사용해야합니다. 어떤 브라우저에서도 사용되지 않았거나 다른 브라우저의 단축키에 별칭이 있습니다. 웹 애플 리케이션은 내장 함수를 오버라이드 할 수 없기 때문에 분명히 다른 방법은 볼 수 없다. 아마도 당신은 플러그인을 작성해야합니다. – apoq

+0

물론, event.preventDefault()가 내가 누락 된 요점입니다. 솔루션이 크로스 브라우저인지 물어볼지도 모르겠다. – MaiaVictor

0

이 모습을 제공하려고합니다.

http://www.openjs.com/scripts/events/keyboard_shortcuts/#add_docs

샘플 바로 가기에게 당신은 당신이 무엇을 시도했다, 당신은, 거기 좋아하지 않는 것을 보여 주어야

shortcut.remove("Ctrl+B"); 
+1

shortcut.js의 속도가 너무 느립니다. 그것은 악몽을 타이핑하게 만든다. –

관련 문제