Cách xử lý phím tắt mạnh mẽ nhất bằng cách sử dụng JavaScript

Question

Cách xử lý phím tắt toàn cục mạnh nhất cho ứng dụng Web bằng JavaScript là gì (tôi) nên xử lý và trình xử lý sự kiện nào sẽ được gắn vào?

Tôi muốn một cái gì đó giống như hệ thống trong Gmail có thể xử lý cả hai phím tắt nhấn phím đơn và cũng có phím tắt với các phím bổ trợ, ví dụ: Ctrl + B vv Mã phải làm việc trong IE 6 cũng như các trình duyệt hiện đại.

Tôi có khung nguyên mẫu có sẵn để sử dụng nhưng không phải jQuery, vì vậy, vui lòng không có câu trả lời dành riêng cho jQuery!

Answer 1

Thư viện HotKey có sẵn trong gói điều khiển LivePipe hoạt động với Prototype và tương thích với IE.

http://livepipe.net/extra/hotkey

Answer 2

Điều tôi sẽ làm là đính kèm các sự kiện onKeyUp vào tài liệu.body. Sau đó, trong trình xử lý sự kiện này, tôi sẽ sử dụng phương thức Element.fire để kích hoạt sự kiện tùy chỉnh. Mặc dù bước này là tùy chọn, nó sẽ giúp tách bộ xử lý sự kiện khỏi hành động được thực hiện và bạn có thể sử dụng cùng một trình xử lý sự kiện tùy chỉnh từ một sự kiện nhấn nút.

$(document.body).observe("keyup", function() { 
    if(/* key + modifier match */) { 
     $(document.body).fire("myapp:mycoolevent"); 
    } 
}); 

$(document.body).observe("myapp:mycoolevent", function() { 
    // Handle event. 
}); 

Sau đó, để ràng buộc cùng một sự kiện với một nút bấm:

$(button).observe("click", function() { 
    $(document.body).fire("myapp:mycoolevent"); 
}); 

Theo như xử lý các phím modifier là có liên quan, kiểm tra this resource (rất cũ, nhưng vẫn có vẻ thích hợp) để được giúp đỡ nhiều hơn nữa .

Answer 3

JimmyP posted này như một bình luận, nhưng nó xứng đáng được một câu trả lời cho mục đích bầu cử.

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

Answer 4

Ngoài ra còn có thư viện JavaScript mới có tên gọi jwerty, thật dễ dàng để sử dụng và không dựa trên jQuery.

Answer 5

Chỉ cần nghĩ tôi sẽ ném một thứ khác vào hỗn hợp. Gần đây tôi đã phát hành một thư viện có tên là Mousetrap. Hãy khám phá tại số http://craig.is/killing/mice