19/09/2018, 14:49
Sự kiện onkeydown
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 < ! DOCTYPE html > < html > < body > < p > H à m s ẽ đượ c k í ch ho ạ t khi ng ườ i d ù ng nh ấ n m ộ t ph í ...
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 |
<!DOCTYPE html> <html> <body> <p>Hàm sẽ được kích hoạt khi người dùng nhấn một phím xuống thẻ.</p> <input type="text" onkeydown="myFunction()"> <script> function myFunction() { alert("Bạn đã nhấn một phím vào thẻ"); } </script> </body> </html> |
Demo
Xem thêm ví dụ bên dưới
Định nghĩa và cách sử dụng
Thuộc tính onkeydown kích hoạt khi người dùng nhấn một phím trên bàn phím.
Mẹo: Thứ tự sự kiện liên quan tới onkeydown:
- onkeydown
- onkeypress
- onkeyup
Trình duyệt hỗ trợ
| Thuộc tính |  |
 |
 |
 |
 |
|---|---|---|---|---|---|
| onkeydown | Có | Có | Có | Có | Có |
Khác biệt giữa HTML 4.01 và HTML5
Không có sự khác biệt.
Cú pháp
|
1 |
<element onkeydown="script"> |
Giá trị thuộc tính
| Giá trị | Miêu tả |
|---|---|
| script | Chạy script khi thuộc tính được kích hoạt |
Chi tiết
Thuộc tính có thể sử dụng trong tất cả các thẻ HTML ngoại trừ : <base>, <bdo>, <br>, <head>, <html>, <iframe>, <meta>, <param>, <script>, <style> và <title>.
Ví dụ
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 |
<!DOCTYPE html> <html> <body> <p>Khi bạn nhấn và giữ một phím trong thẻ bên dưới, màu nền sẽ chuyển sang màu đỏ. Thả phím ra, màu nền sẽ chuyển sang màu xanh lá cây.</p> <input type="text" id="demo" onkeydown="keydownFunction()" onkeyup="keyupFunction()"> <script> function keydownFunction() { document.getElementById("demo").style.backgroundColor = "red"; } function keyupFunction() { document.getElementById("demo").style.backgroundColor = "green"; } </script> </body> </html> |
Demo
