19/09/2018, 14:45
Sự kiện oninput
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 < ! DOCTYPE html > < html > < body > < p > Nh ậ p th ô ng tin v à o ô b ê n d ướ i để k í ch ho ạ t ...
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 |
<!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> <input type="text" id="myInput" oninput="myFunction()"> <p id="demo"></p> <script> 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>
