Ví dụ và cách sử dụng sự kiện onkeydown trong HTML.

Sự kiện onkeydown

Posted by: admin in Thư viện sự kiện HTML 0

« Thuộc tính sự kiện trong HTML

<!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>

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ụ

<!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>

function keydownFunction() {

document.getElementById("demo").style.backgroundColor = "red";

}

function keyupFunction() {

document.getElementById("demo").style.backgroundColor = "green";

}