رویداد oninput
مثال (رویداد oninput)
اجرا کردن یک تابع جاوااسکریپت، هنگامی که کاربر در فیلد <input> متنی را وارد می کند:
خودتان امتحان کنید »
تعریف و کاربرد
رویداد oninput زمانی روی می دهد که، یک عنصر ورودی را، از کاربر دریافت می کند.
همچنین این رویداد هنگامی روی می دهد که مقدار <input> و <textarea> تغییر کند.
نکته: این رویداد مشابه رویداد onchange می باشد. تفاوت این دو این است که رویداد oninput بلافاصله بعد از اینکه مقدار یک عنصر تغییر کند، اجرا می شود اما رویداد onchange زمانی روی می دهد که عنصر، فوکس را از دست بدهد. تفاوت دیگر این دو رویداد این است که رویداد onchange در دو عنصر <keygen> و <select> نیز کار می کند.
پشتیبانی مرورگرها
اعداد داخل جدول نشان دهنده ی اولین ورژن مرورگری است که کاملا از این رویداد پشتیبانی می کند:
Event | |||||
---|---|---|---|---|---|
oninput | بله | 9.0 | 4.0 | 5.0 | بله |
نحوه استفاده
در HTML:
در جاوااسکریپت:
استفاده از متد addEventListener() در جاوااسکریپت:
نکته: متد 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
- نوشته شده توسط احسان عباسی
- بازدید: 6544