sự kiện trao đổi
Ví dụ
Gọi hàm khi người dùng thay đổi tùy chọn đã chọn của phần tử <select>:
<select onchange="myFunction()">
Hãy tự mình thử »Thêm ví dụ "Hãy tự mình thử" bên dưới.
Sự miêu tả
Sự kiện onchange
xảy ra khi giá trị của phần tử HTML bị 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ự kiện onchange xảy ra khi phần tử mất tiêu điểm, sau khi nội dung đã được thay đổi. Điểm khác biệt nữa là sự kiện onchange cũng hoạt động trên các phần tử <select>.
Cú pháp
Trong JavaScript, sử dụng phương thức addEventListener():
object .addEventListener("change", 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 |
Thẻ HTML: | <input type="checkbox">, <input type="color">, <input type="date">, <input type="datetime">, <input type="email">, <input type=" file">, <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à <textarea> |
Phiên bản DOM: | Sự kiện cấp 2 |
Thêm ví dụ
Ví dụ
Gọi hàm khi người dùng thay đổi nội dung của trường đầu vào:
<input type="text"
onchange="myFunction()">
Hãy tự mình thử »Hỗ trợ trình duyệt
onchange
là tính năng DOM cấp 2 (2001).
Nó được hỗ trợ đầy đủ trong tất cả các trình duyệt:
Chrome | Edge | Firefox | Safari | Opera | IE |
Yes | Yes | Yes | Yes | Yes | 9-11 |