sự kiện đầu vào
Ví dụ
Gọi hàm khi người dùng viết nội dung nào đó vào trường <input>:
<input type="text" oninput="myFunction()">
Hãy tự mình thử »Thêm ví dụ dưới đây.
Sự miêu tả
Sự kiện oninput
xảy ra khi một phần tử nhận được input .
Sự kiện oninput
xảy ra khi giá trị của phần tử <input> hoặc <textarea> hoặc <select> bị thay đổi.
Ghi chú
Sự kiện oninput
tương tự như sự kiện onchange
.
Sự khác biệt là sự kiện oninput
xảy ra ngay sau khi nội dung được thay đổi, trong khi onchange
xảy ra khi phần tử mất tiêu điểm.
Cú pháp
Trong JavaScript, sử dụng phương thức addEventListener():
object .addEventListener("input", myScript );
Hãy tự mình thử »Chi tiết kỹ thuật
Bong bóng: | Đúng |
---|---|
Có thể hủy: | KHÔNG |
Loại sự kiện: | Sự kiện , Sự kiện đầu vào |
Thẻ HTML: | <đầu vào> và <vùng văn bản> |
Phiên bản DOM: | Sự kiện đầu vào cấp 3 |
Thêm ví dụ
Ví dụ
Thanh trượt phạm vi - cách cập nhật động giá trị thanh trượt:
<input type="range" oninput="myFunction(this.value)">
Hãy tự mình thử »Hỗ trợ trình duyệt
oninput
là tính năng DOM cấp 3 (2004).
Nó được hỗ trợ đầy đủ trong tất cả các trình duyệt hiện đại:
Chrome | Edge | Firefox | Safari | Opera | IE |
Yes | Yes | Yes | Yes | Yes | 11 |