나는 HTML 형식의 버튼을 가지고 있으며, 버튼을 클릭 할 때와 같은 기능을 실행하는 바로 가기 키를 제공하고자합니다.버튼의 기능 실행
JavaScript 또는 jQuery를 사용하여 이와 같은 작업을 수행 할 수 있습니까?
나는 HTML 형식의 버튼을 가지고 있으며, 버튼을 클릭 할 때와 같은 기능을 실행하는 바로 가기 키를 제공하고자합니다.버튼의 기능 실행
JavaScript 또는 jQuery를 사용하여 이와 같은 작업을 수행 할 수 있습니까?
일반 HTML : accesskey="x"
을 사용하여이 작업을 수행 할 수 있습니다. 그런 다음 고도 + X을 사용할 수 있습니다 (브라우저에 따라 생각이 고도 또는 뭔가 다른 경우) 테스트되지 않은
: 그것은 jQuery를 아주 쉽게 사용하고
$("body").keypress(function(event) {
if (event.which == 13) { // put your own key code here
event.preventDefault();
$("#yourbutton").click();
}
});
.
$('#my-button').trigger('click');
가 키를 누를 때 모니터에 : 버튼 트리거하려면 event.altKey
유사한 Ctrl 키를 사용하려는 경우, 또는
$(window).keypress(function (event) {
if (event.which === 13) { // key codes here: http://www.cambiaresearch.com/articles/15/javascript-char-codes-key-codes
event.preventDefault();
$('#my-button').trigger('click');
}
});
이 비슷한 당신이
if (event.which === 13 && event.ctrlKey)
사용을, event.shiftKey
. 당신이 (... Ctrl 키, 시프트) 바로 가기가 고도를 필요가 있다면 youreKeyCode
은 다음 javascript char codes 중 하나 일 수 있습니다
같은 장소에서 코드를 완전히 복사했습니다.] –
어디서나 복사하지 않았습니다 : P, It 's 그것을하는 최선의 방법. –
$(document).on('keypress', function (e) {
if (e.keyCode === youreKeyCodeHere) {
// if (e.keyCode === youreKeyCodeHere && e.shiftKey === ture) { // shift + keyCode
// if (e.keyCode === youreKeyCodeHere && e.altKey === ture) { // alt + keyCode
// if (e.keyCode === youreKeyCodeHere && e.ctrlKey === ture) { // ctrl + keyCode
$('youreElement').trigger('click');
}
});
는의 경우 주석 사용합니다. youreElement
은 시작하려는 클릭 이벤트를 보유하는 요소입니다.
확인이 밖으로 http://stackoverflow.com/questions/593602/keyboard-shortcuts-with-jquery –
당신이 단축키를 사용할 수 있다고 생각합니다. 바로 가기 키를 사용하면 Ctrl + S를 눌러 양식을 제출하는 등의 기능을 추가 할 수 있습니다. 단축키에 대해이 [link] (https://github.com/jeresig/jquery.hotkeys) 만 찾았습니다 – Nick