تعیین اجرا شدن مقداری کد 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) از روی آن برداشته شود :