나는 (사진 갤러리에서 지금은 페이스 북) 구글은 J/K 또는 ←/→ 화살표로 바로 가기 키를 구현하는 방법을 정말 궁금 하군요. 나는 그 조각이 그 버튼을 '틱'하게 만드는 원천을 조사함으로써 알아낼 수 없기 때문에 많은 세부 사항이 없다는 것을 두려워한다. 내가 구체적으로 찾고있는 것은 버튼을 자바 스크립트 함수에 바인딩하는 방법이다. 거기에서 분명히 상당히 쉽다.에뮬레이션 Google 키보드 바로 가기
0
A
답변
7
가장 기본적인 경우 keydown 이벤트 핸들러를 페이지에 대해 전역으로 만들려면 문서 객체에 등록한 다음 이벤트 객체를보고 어떤 키를 눌렀는지 확인합니다.
여러 브라우저가 서로 다른 방식으로 이벤트를 처리하기 때문에 (Internet Explorer를보고 있습니다) 일반적으로 YUI 또는 jQuery와 같은 추상화 계층을 사용하여 차이를 표준화합니다.
YUI는 과 마찬가지로 example of implementing keyboard control입니다 (이 예제는 문서 개체에 첨부되지 않지만).
어떤 키 코드가 어떤 키와 관련되어 있는지 알아 보려면 Firebug을 사용하는 것이 가장 쉽습니다.
은 콘솔에서 다음 코드를 실행
document.onkeydown = function (ev) { console.log(ev); }
중 & hellip를 한 다음 페이지를 눌러 키를 클릭합니다. 콘솔에 인쇄 된 오브젝트는 방금 방아쇠를당한 키 코드를 알려줍니다.
1
js-hotkeys (jQuery 플러그인)을 사용하는 것이 좋습니다.
프로덕션 환경에서이 플러그인을 사용했기 때문에 구현하기 전에 모든 플러그인을 테스트했습니다. 이것은 약 3 개월 전이었습니다.
관련 문제
- 1. Android 용 Google 바로 가기
- 2. Windows에서 바로 가기 바로 가기
- 3. VS 2008에서 "추가하려고"하는 키보드 바로 가기
- 4. Xcode에서 Visual Studio 키보드 바로 가기 매핑
- 5. Alt + Enter 키보드 바로 가기 속성을 열려면
- 6. Visual Studio 바로 가기 바로 가기
- 7. 바로 가기
- 8. 바로 가기
- 9. 바로 가기
- 10. PyQt + 버튼을 트리거하는 바로 가기
- 11. TextMate 용 바로 가기 키?
- 12. Visual Studio 2010 사용자 지정 매크로에 키보드 바로 가기 할당
- 13. "현재 메서드 종료"에 대한 VS2005/8의 키보드 바로 가기
- 14. 호스트 된 웹 브라우저 컨트롤의 키보드 이벤트/바로 가기 처리
- 15. 이벤트 처리기 스텁을 만드는 Visual Studio 키보드 바로 가기
- 16. Internet Explorer에서 키보드 바로 가기 사용 안 함
- 17. C# 코드 파일의 빈 줄을 제거하는 키보드 바로 가기
- 18. 매크로를 사용하여 Visual Studio에서 키보드 바로 가기 바인딩 제거
- 19. Resharper "현재 세션 디버그"옵션 또는 키보드 바로 가기 매핑
- 20. .NET2.0 Windows 응용 프로그램에서 키보드 바로 가기 구현
- 21. 바로 가기 URL의 Windows 바로 가기 (.lnk .url) 파서
- 22. Android 실행기 바로 가기
- 23. 조건부 바로 가기
- 24. 경로가없는 Windows 바로 가기
- 25. SHBrowseForFolder 및 바로 가기
- 26. SQL 쿼리 바로 가기
- 27. 지역,보기, 바로 가기
- 28. Visual Studio 바로 가기
- 29. ActiveRecord의 바로 가기?
- 30. 바로 가기 활동을 시작합니다
유용한 팁입니다. –