Ví dụ và cách sử dụng sự kiện onchange trong HTML.
in Thư viện sự kiện HTML
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 | Chọntênxetừdanhsách dướiđây. Audi BMW Mercedes Volvo Khibạnchuyểnsang mộtxemới,mộthàmsẽđượckích hoạtđểhiểnthịgiátrị ra ngoài. functionmyFunction[]{ varx= document.getElementById["mySelect"].value; document.getElementById["demo"].innerHTML="Bạn đã chọn xe: "+x; }
|
Demo
Xem thêm các ví dụ bên dưới.
Định nghĩa và cách sử dụng
Thuộc tính onchange được kích hoạt ngay khi giá trị của thẻ thay đổi.
Mẹo: Sự kiện này tương tự như sự kiện oninput. Đ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ẻ và thẻ . Xem ví dụ bên dưới.
Trình duyệt hỗ trợ
| onchange | Có | Có | Có | Có | Có |
Khác biệt giữa HTML 4.01 và HTML5
Không có sự khác biệt.
Cú pháp
|
Giá trị thuộc tính
| 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ẻ : , , , , , , , , và .
Ví dụ
Chỉnhsửanộidung trongô dưới,sauđónhấnchuộtra ngoàiđểkích hoạtsựkiện. Nhập nộidungbấtkỳ: function myFunction[val]{ alert["Giá trị nhập vào đã được thay đổi. Giá trị mới là: "+val]; }
|
Demo