حدث onchange

أحداث DOM مفهوم Event

تعريف والاستخدام

يحدث حدث onchange عند تغيير قيمة العنصر.

للمربعات الاختيارية والمحتوية على مربعات اختيار، يحدث حدث onchange عند تغيير حالة الاختيار.

نصيحة:هذا الحدث يشابه حدث oninput. الفرق بينه وبين حدث oninput هو أن حدث onchange يحدث بعد فقدان العنصر التركيز والتحديث في المحتوى، بينما يحدث حدث oninput فور تغيير قيمة العنصر. الاختلاف الآخر هو أن حدث onchange يطبق أيضًا على عناصر <select>.

مثال

مثال 1

ت تنفذ JavaScript عند تغيير المستخدم خيارًا في عنصر <select>:

<select onchange="myFunction()">

جربها بنفسك

مثال 2

ت تنفذ JavaScript عند تعديل المستخدم محتوى حقل الإدخال:

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

جربها بنفسك

النحو

في HTML:

<element onchange="myScript">

جربها بنفسك

في JavaScript:

object.onchange = function(){myScript};

جربها بنفسك

في JavaScript، باستخدام طريقة addEventListener():

object.addEventListener("change", myScript);

جربها بنفسك

ملاحظة:Internet Explorer 8 أو الأحدث غير يدعمها طريقة addEventListener().

تفاصيل تقنية

تدفق الحدث: الدعم
قابل للإلغاء: غير مدعوم
نوع الحدث: Event
العلامات 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> و <textarea>
إصدار DOM: أحداث المستوى 2

دعم المتصفحات

أحداث Chrome IE Firefox Safari Opera
حدث onchange الدعم الدعم الدعم الدعم الدعم
أحداث DOM مفهوم Event