onkeyup begivenhed

DOM begivenheder KeyboardEvent

Definition og brug

onkeyup-event sker, når brugeren frigiver en tast (på tastaturet).

Tip:Rekkefølgen af events relateret til onkeyup-event:

  1. onkeydown
  2. onkeypress
  3. onkeyup

Eksempel

Eksempel 1

Udfør JavaScript, når brugeren frigiver en tast:

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

Prøv det selv

Eksempel 2

Brug "onkeydown" og "onkeyup"-events sammen:

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

Prøv det selv

Eksempel 3

Udskriv den faktiske tast, der frigives i tekstfeltet:

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

Prøv det selv

Syntaks

I HTML:

<element onkeyup="myScript">

Prøv det selv

I JavaScript:

object.onkeyup = function(){myScript};

Prøv det selv

I JavaScript, brug addEventListener() metoden:

object.addEventListener("keyup", myScript);

Prøv det selv

Bemærkninger:Internet Explorer 8 eller tidligere versioner understøtter ikke addEventListener() metoden.

Tekniske detaljer

Bobbel: Support
Kan annulleres: Support
Eventtyper: KeyboardEvent
Støttede HTML-tags: Alle HTML-elementer, med undtag: <base>, <bdo>, <br>, <head>, <html>, <iframe>, <meta>, <param>, <script>, <style> og <title>
DOM version: Level 2 Begivenheder

Browser understøttelse

Begivenheder Chrome IE Firefox Safari Opera
onkeyup Support Support Support Support Support
DOM begivenheder KeyboardEvent