سبد (0)

رویداد oninput

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

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

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

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

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

رویداد oninput زمانی روی می دهد که، یک عنصر ورودی را، از کاربر دریافت می کند.

همچنین این رویداد هنگامی روی می دهد که مقدار <input>  و <textarea> تغییر کند.

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


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

اعداد داخل جدول نشان دهنده ی اولین ورژن مرورگری است که کاملا از این رویداد پشتیبانی می کند:

Event     
oninput بله 9.0 4.0 5.0 بله

نحوه استفاده

در HTML:

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

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

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

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

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

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


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

Bubbles: بله
Cancelable: خیر
Event type: Event
Supported HTML tags: <input type="password">, <input type="search">, <input type="text"> and <textarea>
DOM Version: Level 3 Events

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


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