2009-06-15 8 views
0

나는 (사진 갤러리에서 지금은 페이스 북) 구글은 J/K 또는 / 화살표로 바로 가기 키를 구현하는 방법을 정말 궁금 하군요. 나는 그 조각이 그 버튼을 '틱'하게 만드는 원천을 조사함으로써 알아낼 수 없기 때문에 많은 세부 사항이 없다는 것을 두려워한다. 내가 구체적으로 찾고있는 것은 버튼을 자바 스크립트 함수에 바인딩하는 방법이다. 거기에서 분명히 상당히 쉽다.에뮬레이션 Google 키보드 바로 가기

답변

7

가장 기본적인 경우 keydown 이벤트 핸들러를 페이지에 대해 전역으로 만들려면 문서 객체에 등록한 다음 이벤트 객체를보고 어떤 키를 눌렀는지 확인합니다.

여러 브라우저가 서로 다른 방식으로 이벤트를 처리하기 때문에 (Internet Explorer를보고 있습니다) 일반적으로 YUI 또는 jQuery와 같은 추상화 계층을 사용하여 차이를 표준화합니다.

YUI는 과 마찬가지로 example of implementing keyboard control입니다 (이 예제는 문서 개체에 첨부되지 않지만).

어떤 키 코드가 어떤 키와 관련되어 있는지 알아 보려면 Firebug을 사용하는 것이 가장 쉽습니다.

은 콘솔에서 다음 코드를 실행

document.onkeydown = function (ev) { console.log(ev); } 

중 & hellip를 한 다음 페이지를 눌러 키를 클릭합니다. 콘솔에 인쇄 된 오브젝트는 방금 방아쇠를당한 키 코드를 알려줍니다.

+0

유용한 팁입니다. –

1

js-hotkeys (jQuery 플러그인)을 사용하는 것이 좋습니다.

프로덕션 환경에서이 플러그인을 사용했기 때문에 구현하기 전에 모든 플러그인을 테스트했습니다. 이것은 약 3 개월 전이었습니다.

관련 문제