حدث onkeyup

أحداث DOM KeyboardEvent

التعريف والاستخدام

يحدث حدث onkeyup عند إطلاق المستخدم للضغط على الزر (على لوحة المفاتيح).

نصيحة:ترتيب الأحداث المتعلقة بـ onkeyup:

  1. onkeydown
  2. onkeypress
  3. onkeyup

مثال

مثال 1

إجراء سكريبت عند إطلاق المستخدم للضغط على الزر:

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

جرب بنفسك

مثال 2

استخدام "onkeydown" و "onkeyup" معًا:

<input type="text" onkeydown="keydownFunction()" onkeyup="keyupFunction()">

جرب بنفسك

مثال 3

النص الذي يتم إطلاقه في حقل النص:

أدخل اسمك: <input type="text" id="fname" onkeyup="myFunction()">
<script>
function myFunction() {
  var x = document.getElementById("fname").value;
  document.getElementById("demo").innerHTML = x;
}
</script>

جرب بنفسك

النحو

في HTML:

<element onkeyup="myScript">

جرب بنفسك

في JavaScript:

object.onkeyup = function(){myScript};

جرب بنفسك

في JavaScript، استخدم طريقة addEventListener():

object.addEventListener("keyup", myScript);

جرب بنفسك

ملاحظة:Internet Explorer 8 أو الأحدث لا يدعمها طريقة addEventListener().

تفاصيل التقنية

الانفجار: الدعم
يمكن إلغاء الاكتمال: الدعم
نوع الحدث: KeyboardEvent
العلامات HTML المدعومة: جميع عناصر HTML، باستثناء：<base>, <bdo>, <br>, <head>, <html>, <iframe>, <meta>, <param>, <script>, <style> وأيضاً <title>
إصدار DOM: أحداث المستوى 2

دعم المتصفح

الأحداث Chrome IE Firefox Safari Opera
onkeyup الدعم الدعم الدعم الدعم الدعم
أحداث DOM KeyboardEvent