onkeyup event

DOM events KeyboardEvent

Definitie en gebruik

De onkeyup-gebeurtenis vindt plaats wanneer de gebruiker de toets (op het toetsenbord) loslaat.

Tip:Volgorde van gebeurtenissen gerelateerd aan onkeyup:

  1. onkeydown
  2. onkeypress
  3. onkeyup

Voorbeeld

Voorbeeld 1

Voer JavaScript uit wanneer de gebruiker de toets loslaat:

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

Probeer het zelf uit

Voorbeeld 2

Gebruik "onkeydown" en "onkeyup" gebeurtenissen samen:

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

Probeer het zelf uit

Voorbeeld 3

Geef de werkelijke toets die in het tekstveld wordt losgelaten weer:

Voer je naam in: <input type="text" id="fname" onkeyup="myFunction()">
<script>
function myFunction() {
  var x = document.getElementById("fname").value;
  document.getElementById("demo").innerHTML = x;
}
</script>

Probeer het zelf uit

Syntaxis

In HTML:

<element onkeyup="myScript">

Probeer het zelf uit

In JavaScript:

object.onkeyup = function(){myScript};

Probeer het zelf uit

Gebruik in JavaScript de addEventListener() methode:

object.addEventListener("keyup", myScript);

Probeer het zelf uit

Opmerking:Internet Explorer 8 of eerder ondersteunt dit niet addEventListener() methode.

Technische details

Bubbelend: Support
Annulabel: Support
Gebeurtenissoorten: KeyboardEvent
Ondersteunde HTML-labels: Alle HTML-elementen, behalve: <base>, <bdo>, <br>, <head>, <html>, <iframe>, <meta>, <param>, <script>, <style> en <title>
DOM version: Level 2 Events

Browser support

Events Chrome IE Firefox Safari Opera
onkeyup Support Support Support Support Support
DOM events KeyboardEvent