Sự kiện oninput

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>Nhập thông tin vào ô bên dưới để kích hoạt thuộc tính oninput.</p>

function myFunction() {

var x = document.getElementById("myInput").value;

document.getElementById("demo").innerHTML = "Bạn đã viết: " + x;

}

</script>

</body>

</html>

Demo

Định nghĩa và cách sử dụng

Thuộc tính oninput được kích hoạt khi người dùng nhập hoặc thay đổi thông tin trong thẻ.

Thuộc tính oninput kích hoạt khi giá trị của thẻ <input> và <textarea> thay đổi.

Mẹo: Sự kiện này tương tự như sự kiện onchange. Điểm khác biệt là sự kiện oninput diễn ra ngay khi giá trị của thẻ thay đổi, trong khi thuộc tính onchange diễn ra khi bạn chuyển trỏ chuột sang một thành phần khác. Một sự khác biệt nữa đó là sự kiện onchange có thể sử dụng trong thẻ <keygen> và thẻ <select>.

Trình duyệt hỗ trợ

Thuộc tính
oninput	Có	Có	Có	Có	Có

Khác biệt giữa HTML 4.01 và HTML5

Oninput là thuộc tính mới trong HTML5.

Cú pháp

1	<element oninput ="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 sử dụng trong thẻ : <input type=”password”>, <input type=”search”>, <input type=”text”> và <textarea>

WebVN Cộng đồng web Việt Nam