Share Bắt sự kiện nhập từ bàn phím với thư viện Keypress

[filiallion]

Language

Tiếng Việt

Để bắt sự kiện nhập từ bàn phím các bạn có thể dễ dàng thực hiện bằng vài dòng mã lệnh JavaScript đơn giản. Tuy nhiên, để mọi thứ trở nên đơn giản và nhanh chóng thì các bạn có thể sử dụng thư viện Keypress. Thư viện Keypress được phát triển gọn nhẹ, không cần các thư viện bổ sung khác sẽ giúp cho việc nhận biết các sự kiện nhấn phím một cách chính xác cũng như có thể nhận biết được tất cả các phím bấm có trên bàn phím hiện nay.

Các bạn tải thư viện Keypress tại địa chỉ http://dmauro.github.io/Keypress và tích hợp vào website với dòng mã lệnh HTML như sau:

<script src="path/to/keypress-2.1.5.min.js"></script>

Phiên bản thư viện Keypress tôi sử dụng trong bài hướng dẫn này là bản 2.1.5 mới nhất hiện nay. Bây giờ, các bạn có thể cài đặt thư viện Keypress để bắt các sự kiện nhập từ bàn phím như ví dụ sau:

//Cài đặt listener
var listener = new window.keypress.Listener();

//Nhận sự kiện nhấn phím tab hoặc space
listener.counting_combo('tab space', function(event, count) {
    //Thực hiện chức năng nào đó khi người dùng nhấn phím tab hoặc space
});

Các bạn có thể tìm hiểu thêm về thư viện Keypress tại địa chỉ http://dmauro.github.io/Keypress.