sự kiện trao đổi
Thí dụ
Thực thi JavaScript khi người dùng thay đổi tùy chọn đã chọn của phần tử <select>:
<select onchange="myFunction()">
Thêm các ví dụ "Hãy tự mình thử" bên dưới.
Định nghĩa và Cách sử dụng
Sự kiện thay đổi xảy ra khi giá trị của một phần tử đã được thay đổi.
Đối với các nút radio và hộp kiểm, sự kiện thay đổi xảy ra khi trạng thái đã chọn đã được thay đổi.
Mẹo: Sự kiện này tương tự như sự kiện oninput . Sự khác biệt là sự kiện oninput xảy ra ngay sau khi giá trị của một phần tử đã thay đổi, trong khi sự thay đổi xảy ra khi phần tử mất tiêu điểm, sau khi nội dung đã được thay đổi. Sự khác biệt khác là sự kiện onchange cũng hoạt động trên các phần tử <select>.
Hỗ trợ trình duyệt
| Event | |||||
|---|---|---|---|---|---|
| onchange | Yes | Yes | Yes | Yes | Yes |
Cú pháp
Trong HTML:
<element onchange="myScript">
Trong JavaScript:
object.onchange = function(){myScript};
Trong JavaScript, sử dụng phương thức addEventListener ():
object.addEventListener("change", myScript);
Lưu ý: Phương thức addEventListener () không được hỗ trợ trong Internet Explorer 8 và các phiên bản trước đó.
Chi tiết kỹ thuật
| Bong bóng: | Đúng |
|---|---|
| Có thể hủy bỏ: | Không |
| Loại sự kiện: | Biến cố |
| Các thẻ HTML được hỗ trợ: | <input type = "checkbox">, <input type = "color">, <input type = "date">, <input type = "datetime">, <input type = "email">, <input type = " tệp ">, <input type =" month ">, <input type =" number ">, <input type =" password ">, <input type =" radio ">, <input type =" range ">, < input type = "search">, <input type = "tel">, <input type = "text">, <input type = "time">, <input type = "url">, <input type = "week ">, <select> và <textareosystem |
| Phiên bản DOM: | Sự kiện cấp 2 |
Các ví dụ khác
Thí dụ
Thực thi JavaScript khi người dùng thay đổi nội dung của trường đầu vào:
<input type="text"
onchange="myFunction()">