Sự kiện onchange

Sự kiện DOM Đối tượng Event

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

Sự kiện onchange xảy ra khi giá trị của phần tử thay đổi.

Đối với các hộp chọn và hộp kiểm tra, sự kiện onchange xảy ra khi trạng thái được chọn thay đổi.

Lưu ý: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 lập tức khi giá trị của phần tử thay đổi, trong khi onchange xảy ra khi phần tử mất sự tập trung và nội dung thay đổi. Một sự khác biệt khác là sự kiện onchange cũng áp dụng cho phần tử <select>.

Mô hình

Ví dụ 1

Chạy JavaScript khi người dùng thay đổi tùy chọn đã chọn của thẻ <select>:

<select onchange="myFunction()">

Thử ngay

Ví dụ 2

Chạy JavaScript khi người dùng thay đổi nội dung trường nhập:

<input type="text" onchange="myFunction()">

Thử ngay

Cú pháp

Trong HTML:

<element onchange="myScript">

Thử ngay

Trong JavaScript:

object.onchange = function(){myScript};

Thử ngay

Trong JavaScript, sử dụng phương thức addEventListener():

object.addEventListener("change", myScript);

Thử ngay

Ghi chú:Internet Explorer 8 hoặc sớm hơn không hỗ trợ Phương thức addEventListener()。

Chi tiết kỹ thuật

Bubbling: Hỗ trợ
Có thể hủy: Không hỗ trợ
Loại sự kiện: Sự kiện
Thẻ HTML được hỗ trợ: <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

Hỗ trợ trình duyệt

Sự kiện Chrome IE Firefox Safari Opera
onchange Hỗ trợ Hỗ trợ Hỗ trợ Hỗ trợ Hỗ trợ
Sự kiện DOM Đối tượng Event