onchange ایوینٹ

DOM ایونٹ ایونٹ سائوؤنک سٹیئنک

تعریف اور استعمال

عنصر کی کچھ کچھ کی وجہ سے onchange ایوینٹ ہوتا ہے。

برائے سولچک اور چیکبکس، جب ان کی انتخاب شدہ حالت تبدیل ہوتی ہے تو onchange ایوینٹ ہوتا ہے。

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

مثال

مثال 1

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

<select onchange="myFunction()">

خودتان امتحان کنید

مثال 2

اجرای جاوااسکریپت وقتی کاربر محتوای فیلد ورودی را تغییر می‌دهد:

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

خودتان امتحان کنید

نحوه‌ی نوشتن

در HTML:

<عنصر onchange="myScript">

خودتان امتحان کنید

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

مورد.onchange = function() {myScript};

خودتان امتحان کنید

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

مورد.addEventListener("change", myScript);

خودتان امتحان کنید

توضیحات:اینترنت اکسپلورر 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 ایونٹ

براوزر کی پشتیبندگی

ایونٹ کروم آئی ای فائرفاکس سافری آپریا
onchange پشتیبندگی پشتیبندگی پشتیبندگی پشتیبندگی پشتیبندگی
DOM ایونٹ ایونٹ سائوؤنک سٹیئنک