Nếu bạn muốn kiểm tra xem người dùng có bấm vào nút nhấn trên bàn phím hay không, bạn có thể sử dụng phương thức keypress[]
Mã khóa của phím Enter là 13, được hỗ trợ trong tất cả các trình duyệt chính. Đính kèm phương thức keypress[] vào tài liệu để kiểm tra xem phím có được nhấn trên trang hay không
Check if an Enter Key is Pressed with jQuery
TextBox :
Bạn cũng có thể sử dụng e. keyCode thay vì e. mà, tuy nhiên e. đó là nhiều khuyến khích
Nhấn phím liên kết một trình xử lý sự kiện với sự kiện JavaScript "nhấn phím" hoặc kích hoạt sự kiện đó trên một phần tử. Sự kiện nhấn phím được gửi đến phần tử khi trình duyệt đăng ký đầu vào bàn phím. Trình xử lý sự kiện nhấn phím có thể được liên kết với bất kỳ phần tử nào, nhưng sự kiện chỉ được gửi đến phần tử có tiêu điểm
Sự kiện. thuộc tính nào cho biết phím/nút cụ thể được nhấn cho các sự kiện phím hoặc chuột. Nó bình thường hóa sự kiện. keyCode và sự kiện. mã ký tự. Rất khuyến khích sử dụng sự kiện. cái nào cho đầu vào phím bàn phím vì nó cung cấp khả năng tương thích giữa các trình duyệt
Tìm hiểu cách phát hiện ví dụ về phím ENTER trong jQuery. Điều thông thường là nếu bạn phải phát hiện một phím được nhấn trong trình duyệt thì bạn phải kiểm tra giá trị mã khóa [ascii]. Đơn giản và dễ dàng. Vấn đề phát sinh khi bạn không biết cách sử dụng đúng chức năng này. e. g. cho dù bạn cần phải liên kết nhấn phím hoặc nhấn phím?
1. jQuery phát hiện phím ENTER
Lưu ý rằng phím “ENTER” được thể hiện bằng mã ascii “13”. Kiểm tra biểu đồ ASCII này
Để kiểm tra xem người dùng có nhấn phím ENTER trên trang web hoặc trên bất kỳ phần tử đầu vào nào hay không, bạn có thể liên kết sự kiện nhấn phím hoặc nhấn phím với chính phần tử hoặc đối tượng tài liệu đó. Sau đó, trong chức năng
$[selector].keyup[]3, hãy kiểm tra mã khóa của phím được nhấn xem giá trị của nó có phải là 13 không
Nếu mã ascii của phím được nhấn là 13 thì phím “ENTER” đã được nhấn;
Đọc thêm. Sự khác biệt giữa các sự kiện nhấn phím và nhấn phím
2. jQuery phát hiện phím ENTER được nhấn trên hộp văn bản
$['#someTextBox'].keypress[function[event]{ var keycode = [event.keyCode ? event.keyCode : event.which]; if[keycode == '13']{ alert['You pressed a "enter" key in textbox']; } }];
3. jQuery phát hiện phím ENTER được nhấn trên đối tượng tài liệu
$[document].keypress[function[event]{ var keycode = [event.keyCode ? event.keyCode : event.which]; if[keycode == '13']{ alert['You pressed a "enter" key in somewhere']; } }];
Trong Firefox, bạn phải sử dụng sự kiện. cái nào để lấy mã khóa;
Đưa ra một phần tử textarea và nhiệm vụ là kiểm tra xem người dùng đã nhấn phím enter với sự trợ giúp của JQuery
- Phương thức keyup[] của jQuery. Phương pháp này kích hoạt sự kiện keyup hoặc thêm chức năng để chạy khi xảy ra sự kiện keyup. Sự kiện keyup xảy ra khi một phím trên bàn phím được nhả ra
cú pháp
- Kích hoạt sự kiện keyup cho các phần tử đã chọn.
$[selector].keyup[]
- Đính kèm một chức năng cho sự kiện keyup.
$[selector].keyup[function]
Thông số. Nó chứa sự kiện tham số duy nhất là tùy chọn. Nó chỉ định chức năng sẽ chạy khi sự kiện keyup được kích hoạt
- Kích hoạt sự kiện keyup cho các phần tử đã chọn.
- Phương thức kích hoạt jQuery []. Phương thức này kích hoạt sự kiện đã xác định và hành vi mặc định của một sự kiện đối với các phần tử được chọn
cú pháp
$[selector].trigger[event, eventObj, param1, param2, ...]
Thông số
- Sự kiện. Thông số này là bắt buộc. Nó chỉ định sự kiện để kích hoạt cho phần tử được chỉ định. Sự kiện có thể là tùy chỉnh hoặc bất kỳ tiêu chuẩn nào
- tham số1, tham số2, …. Tham số này là tùy chọn. Nó chỉ định các tham số bổ sung để truyền cho trình xử lý sự kiện. Các thông số bổ sung đặc biệt hữu ích trong trường hợp có sự kiện tùy chỉnh
- jQuery on[] Phương thức. Phương thức này thêm một hoặc nhiều trình xử lý sự kiện cho các phần tử được chọn và phần tử con
cú pháp
$[selector].on[event, childSelector, data, function, map]
Thông số
- Sự kiện. Thông số này là bắt buộc. Nó chỉ định một hoặc nhiều sự kiện hoặc không gian tên để đính kèm vào các phần tử đã chọn. Trong trường hợp có nhiều giá trị sự kiện, các giá trị này được phân tách bằng dấu cách. Sự kiện phải hợp lệ
- bộ chọn con. Tham số này là tùy chọn. Nó chỉ định rằng trình xử lý sự kiện chỉ nên được gắn vào các phần tử con đã xác định
- dữ liệu. Tham số này là tùy chọn. Nó chỉ định dữ liệu bổ sung để chuyển đến hàm
- chức năng. Thông số này là bắt buộc. Nó chỉ định chức năng sẽ chạy khi sự kiện xảy ra
- bản đồ. Nó chỉ định một bản đồ sự kiện [{event. func[], sự kiện. func[], …}] có một hoặc nhiều sự kiện để thêm vào các phần tử đã chọn và các chức năng sẽ chạy khi sự kiện xảy ra
ví dụ 1. Trong ví dụ này, sự kiện keyup được thêm vào vùng văn bản, khi nó xảy ra thì một sự kiện mới enterKey được kích hoạt bởi sự kiện keyup
$[selector].keyup[]6
$[selector].keyup[]7____38____39
$[selector].keyup[function]0
$[selector].keyup[]7
$[selector].keyup[function]0
$[selector].keyup[]9
$[selector].keyup[function]2
$[selector].keyup[]7
$[selector].keyup[function]4
$[selector].keyup[]9
$[selector].keyup[function]6
$[selector].keyup[function]7
$[selector].keyup[function]6
$[selector].keyup[function]9
$[selector].keyup[function]2
$[selector].trigger[event, eventObj, param1, param2, ...]1____44
$[selector].trigger[event, eventObj, param1, param2, ...]3
$[selector].trigger[event, eventObj, param1, param2, ...]4
$[selector].keyup[function]2
$[selector].keyup[]7
$[selector].trigger[event, eventObj, param1, param2, ...]7
$[selector].trigger[event, eventObj, param1, param2, ...]8
$[selector].trigger[event, eventObj, param1, param2, ...]9
$[selector].on[event, childSelector, data, function, map]0
$[selector].trigger[event, eventObj, param1, param2, ...]3
$[selector].keyup[function]2
$[selector].trigger[event, eventObj, param1, param2, ...]1____57
$[selector].trigger[event, eventObj, param1, param2, ...]3
$[selector].keyup[function]0
$[selector].trigger[event, eventObj, param1, param2, ...]1____40
$[selector].keyup[]9
$[selector].keyup[]60
$[selector].keyup[function]0
$[selector].keyup[]7
$[selector].keyup[]63
$[selector].keyup[]64
$[selector].keyup[]65
$[selector].keyup[]66
$[selector].trigger[event, eventObj, param1, param2, ...]3
$[selector].keyup[]68
$[selector].keyup[function]2
$[selector].keyup[]7
$[selector].keyup[]71
$[selector].keyup[]72
$[selector].keyup[]65
$[selector].keyup[]74
$[selector].keyup[]64
$[selector].keyup[]65
$[selector].keyup[]77
$[selector].keyup[]9