وقایع oninput

DOM ایوینٹ InputEvent

تعریف و استفاده

وقایع oninput در زمان دریافت ورودی کاربر رخ می‌دهند.

وقتی ارزش عنصر <input> یا <textarea> تغییر می‌کند، این وقایع رخ می‌دهند.

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

مثال

مثال 1

وقتی کاربر در زمینه‌ی <input> نوشتار می‌کند، جاوااسکریپت اجرا می‌شود:

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

آزمایش کنید

مثال 2

اسلایدر محدوده - چگونه می‌توانیم ارزش اسلایدر را به صورت پویا به‌روزرسانی کنیم:

<input type="range" oninput="myFunction(this.value)">

آزمایش کنید

نحوه‌ی نوشتن

در HTML:

<element oninput="myScript">

آزمایش کنید

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

object.oninput = function(){myScript};

آزمایش کنید

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

object.addEventListener("input", myScript);

آزمایش کنید

توضیحات:اینترنت اکسپلورر 8 یا نسخه‌های پیشین از آن پشتیبانی نمی‌کند مетод addEventListener()。

جزئیات فنی

بالا پرتابی: پشتیبندی
قابل لغو: پشتیبانی نمی‌شود
نوع وقایع: Event, InputEvent
پشتیبانی از تگ‌های HTML: <input type="color">, <input type="date">, <input type="datetime">, <input type="email">, <input type="month">, <input type="number">, <input type="password">, <input type="range">, <input type="search">, <input type="tel">, <input type="text">, <input type="time">, <input type="url">, <input type="week"> اور <textarea>
DOM ویرسیئن: Level 3 Events

浏览器支持

表中的数字注明了完全支持该事件的首个浏览器版本。

ایوینٹ کروم آئی ای فائر فاکس سافری آپریا
oninput پشتیبندی 9.0 4.0 5.0 پشتیبندی
DOM ایوینٹ InputEvent