رویداد onchange

رویدادهای DOM ساختار Event

تعریف و استفاده

وقتی مقدار عنصر تغییر کند، رویداد onchange رخ می‌دهد.

در حالت تغییر انتخاب شده، رویداد onchange رخ می‌دهد.

نکته: }}این رویداد مشابه با رویداد oninputتفاوت‌ها این است که رویداد oninput بلافاصله پس از تغییر ارزش عنصر رخ می‌دهد، در حالی که onchange در هنگام تغییر محتوای عنصر و از دست دادن تمرکز رخ می‌دهد. یک تفاوت دیگر این است که رویداد onchange همچنین برای عنصر <select> اعمال می‌شود.

مثال

مثال 1

جاوااسکریپت را در هنگام تغییر گزینه انتخاب شده <select> اجرا کنید:

<select onchange="myFunction()">

آزمایش کنید

مثال 2

جاوااسکریپت را در هنگام تغییر محتوای فیلد ورودی اجرا کنید:

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

آزمایش کنید

شرح:

در HTML:

<element onchange="myScript">

آزمایش کنید

در جاوااسکریپت:

object.onchange = function(){myScript};

آزمایش کنید

در جاوااسکریپت، از روش addEventListener() استفاده کنید:

object.addEventListener("change", myScript);

آزمایش کنید

توضیحات:اینترنت اکسپلورر 8 یا نسخه‌های قدیمی‌تر آن از آن پشتیبانی نمی‌کند مетод addEventListener().

جزئیات فنی

پخش: پشتیبانی
قابل لغو: پشتیبانی نمی‌شود
نوع رویداد: رویداد
برچسب‌های 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