تعیین اجرا شدن مقداری کد JavaScript دلخواه، در هنگام تغییر مقدار (Value) یک عنصر (Element) و پس از برداشته شدن تمرکز (Focus) از روی آن عنصر (Element)، با رویداد onchange ، در JavaScript

با استفاده از رویداد onchange در JavaScript ، می توانیم تعیین کنیم که در هنگام تغییر مقدار (Value) یک عنصر (Element) و پس از برداشته شدن تمرکز (Focus) از روی آن عنصر (Element)، مقداری کد JavaScript دلخواه اجرا شود.

به عنوان مثال، می توانیم رویداد onchange را برای یک عنصر input به کار ببریم، تا بعد از تغییر مقدار آن توسط کاربر و همچنین برداشته شدن تمرکز (Focus) از روی آن (کاربر در محلی خارج از عنصر input کلیک نماید)، مقداری کد JavaScript اجرا شود :

نکته

رویداد onchange مشابه رویداد oninput می باشد، با این تفاوت که رویداد oninput دقیقا به محض تغییر مقدار (Value) عنصر (Element) رخ می دهد، ولی رویداد onchange زمانی رخ می دهد که تمرکز (Focus) از روی عنصر (Element) برداشته شده و محتوای آن تغییر کرده باشد.

تفاوت دیگر نیز این است که رویداد onchange برای عنصر select نیز کار می کند.

به مثال زیر توجه کنید :

مثال

نتیجه :

ابتدا متن درون عنصر input را تغییر دهید و سپس با موس، در محلی خارج از عنصر input کلیک نمایید تا تمرکز (Focus) از روی آن برداشته شود :

خطا - صفحه را دوباره بارگذاری کنید
مثال

نتیجه :

خطا - صفحه را دوباره بارگذاری کنید
منابع و لینک های مفید
نویسنده علیرضا گلمکانی
شماره کلید 27762
گزینه ها
به اشتراک گذاری (Share) در شبکه های اجتماعی
نظرات 0 0 0

ارسال نظر جدید (بدون نیاز به عضو بودن در وب سایت)