تعیین اجرا شدن مقداری کد JavaScript دلخواه، در هنگام تغییر مقدار وارد شده توسط کاربر در یک عنصر (Element)، با رویداد oninput ، در JavaScript

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

رویداد oninput در زمان تغییر مقدار یک عنصر input یا textarea رخ می دهد.

نکته

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

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

به عنوان مثال، رویداد oninput را می توانیم به صورت زیر برای یک عنصر input به کار ببریم :

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

مثال

نتیجه :

مثال

نتیجه :

منابع و لینک های مفید

https://www.w3schools.com/jsref/event_oninput.asp

دسته بندی فرم ها (Form)، در JavaScript

نویسنده علیرضا گلمکانی

شماره کلید 27784

گزینه ها

به اشتراک گذاری (Share) در شبکه های اجتماعی

FaceBook Twitter Digg Reddit LinkedIn Pinterest StumbleUpon

نظرات 0 0 0

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