سبد (0)

رویداد onchange

مثال (رویداد onchange)

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

<select onchange="myFunction()">

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

در انتهای این صفحه، مثال های بیشتری آورده شده است.

تعریف و کاربرد

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

برای radiobuttons(دکمه های رادیویی) و چک باکس ها، رویداد onchange زمانی روی می دهد که منطقه ی تیک خوردن تغییر کند.

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

پشتیبانی مرورگرها

Event     
onchange بله بله بله بله بله

نحوه استفاده

در HTML:

<element onchange="myScript">امتحان کنید

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

object.onchange=function(){myScript};امتحان کنید

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

object.addEventListener("change", myScript);امتحان کنید

متد addEventListener() در Internet Explorer 8 و ورژن های پایین تر از آن پشتیبانی نمی شود.

جزئیات تکنیکی

Bubbles: بله
Cancelable: خیر
Event type: Event
Supported HTML tags: <input type="checkbox">, <input type="file">, <input type="password">, <input type="radio">, <input type="range">, <input type="search">, <input type="text">, <keygen>, <select> and <textarea>
DOM Version: Level 2 Events
مثال

مثال - خودتان امتحان کنید

مثال (رویداد onchange)

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

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

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

مرجع کلیه رویدادهای JavaScript Reference مرجع کلیه رویدادهای JavaScript

نوشته شده توسط احسان عباسی
بازدید: 11532

در میان شش هزار مطلب آموزشی منتشر شده در بیاموز، جستجو نمایید ...

تمامی محصولات و خدمات این وبسایت، حسب مورد دارای مجوزهای لازم از مراجع مربوطه می‌باشند و فعالیت‌های این سایت تابع قوانین و مقررات جمهوری اسلامی ایران است.
logo-samandehi مجوز نشر دیجیتال از وزرات فرهنگ و ارشاد اسلامی پرداخت آنلاین - بانک ملت معرفی بیاموز در شبکه سه