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