مثال
تنفيذ جافا سكريبت عندما يكتب المستخدم شيء في <input> الملعب:
<input type="text" oninput="myFunction()"> انها محاولة لنفسك » تعريف والاستخدام
يحدث هذا الحدث oninput عندما يحصل عنصر إدخال المستخدم.
يحدث هذا الحدث عندما تكون القيمة من <input> أو <textarea> يتم تغيير عنصر.
نصيحة: هذا الحدث هو مماثل ل عند_التغيير الحدث. والفرق هو أن هذا الحدث oninput يحدث مباشرة بعد تغير قيمة عنصر، بينما يحدث عند_التغيير عندما يفقد عنصر التركيز، بعد أن تم تغيير المحتوى. الفرق الآخر هو أن الحدث onchange يعمل أيضا على <keygen> و <select> العناصر.
دعم المتصفح
الأرقام في الجدول تحدد أول نسخة متصفح يدعم بشكل كامل الحدث.
| هدف | |||||
|---|---|---|---|---|---|
| oninput | نعم فعلا | تسعة | 4.0 | 5.0 | نعم فعلا |
بناء الجملة
في HTML:
في جافا سكريبت:
object .oninput=function(){ انها محاولة لنفسك » في جافا سكريبت، وذلك باستخدام addEventListener() الأسلوب:
object .addEventListener("input", myScript );
انها محاولة لنفسك » ملاحظة: addEventListener() لا يتم اعتماد طريقة في Internet Explorer 8 والإصدارات السابقة.
تفاصيل تقنية
| فقاعات: | نعم فعلا |
|---|---|
| للإلغاء: | لا |
| نوع الحدث: | هدف |
| علامات HTML المعتمدة: | <إدخال نوع = "لون">، <إدخال نوع = "تاريخ">، <إدخال نوع = "التاريخ والوقت">، <إدخال نوع = "البريد الإلكتروني">، <إدخال نوع = "الشهر">، <إدخال نوع = " عدد ">، <إدخال نوع =" كلمة المرور ">، <إدخال نوع =" نطاق ">، <إدخال نوع =" بحث ">، <إدخال نوع =" الهاتف ">، <إدخال نوع =" نص ">، < إدخال نوع = "الوقت">، <إدخال نوع = "URL">، <input type="week"> و <textarea> |
| صفحة DOM: | مستوى 3 أحداث |
<كائن الحدث