مثال
تنفيذ جافا سكريبت عندما يطلق مستخدم مفتاح:
<input type="text" onkeyup="myFunction()"> انها محاولة لنفسك » أكثر "Try it Yourself" الأمثلة أدناه.
تعريف والاستخدام
يحدث هذا الحدث onkeyup عند إصدار المستخدم مفتاح (على لوحة المفاتيح).
Tip: ترتيب الأحداث المتعلقة بالحدث onkeyup:
- عند_ضغط_مفتاح
- onkeypress
- onkeyup
دعم المتصفح
| هدف | |||||
|---|---|---|---|---|---|
| onkeyup | نعم فعلا | نعم فعلا | نعم فعلا | نعم فعلا | نعم فعلا |
بناء الجملة
في HTML:
في جافا سكريبت:
object .onkeyup=function(){ انها محاولة لنفسك » في جافا سكريبت، وذلك باستخدام addEventListener() الأسلوب:
object .addEventListener("keyup", myScript );
انها محاولة لنفسك » ملاحظة: addEventListener() لا يتم اعتماد طريقة في Internet Explorer 8 والإصدارات السابقة.
تفاصيل تقنية
| فقاعات: | نعم فعلا |
|---|---|
| للإلغاء: | نعم فعلا |
| نوع الحدث: | KeyboardEvent |
| علامات HTML المعتمدة: | جميع عناصر HTML، باستثناء: <قاعدة>، <BDO> و <br>، <head>، <HTML>، <IFRAME>، <meta>، <المعلمة>، <script>، <نمط>، و <title> |
| صفحة DOM: | مستوى 2 الفعاليات |
مزيد من الأمثلة
مثال
باستخدام "onkeydown" جنبا إلى جنب مع "onkeyup" الحدث:
<input type="text" onkeydown="keydownFunction()" onkeyup="keyupFunction()">
انها محاولة لنفسك » مثال
إخراج المفتاح الفعلي الذي تم إصداره داخل حقل النص:
Enter your name: <input type="text" id="fname" onkeyup="myFunction()">
<script>
function myFunction() {
var x =
document.getElementById("fname").value;
document.getElementById("demo").innerHTML = x;
}
</script>
انها محاولة لنفسك » <كائن الحدث