Συνέδριο onkeyup

Δημιουργία Εκδηλώσεων DOM KeyboardEvent

Ορισμός και χρήση

Το συμβάν onkeyup συμβαίνει όταν ο χρήστης απελευθερώνει το πλήκτρο (στην κλειδαριά).

Σημείωση:Σειρά συμβάντων που σχετίζονται με το onkeyup:

  1. onkeydown
  2. onkeypress
  3. onkeyup

Παράδειγμα

Παράδειγμα 1

Εκτελέστε JavaScript όταν ο χρήστης απελευθερώσει το πλήκτρο:

<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);

Προσπάθησε το εαυτό σου

Σημείωση:O Internet Explorer 8 ή παλιότερη έκδοση δεν υποστηρίζει Μέθοδος addEventListener().

Τεχνικά λεπτομέρειες

Παραβόληση: Υποστήριξη
Κατάργηση: Υποστήριξη
Τύποι συμβάντων: KeyboardEvent
Υποστηριζόμενα HTML ετικέτες: Παρά τις majority των HTML στοιχείων, εκτός από: <base>, <bdo>, <br>, <head>, <html>, <iframe>, <meta>, <param>, <script>, <style> και <title>
Έκδοση DOM: Level 2 Συνέδρια

Υποστήριξη Browser

Συνέδρια Chrome IE Firefox Safari Opera
onkeyup Υποστήριξη Υποστήριξη Υποστήριξη Υποστήριξη Υποστήριξη
Δημιουργία Εκδηλώσεων DOM KeyboardEvent