onkeyup-tapahtuma

DOM-tapahtumat KeyboardEvent

Määritelmä ja käyttö

onkeyup-tapahtuma tapahtuu, kun käyttäjä vapauttaa näppäimen (näppäimistöllä).

Vinkki:onkeyup-tapahtuman kanssa liittyvät tapahtumien järjestys:

  1. onkeydown
  2. onkeypress
  3. onkeyup

Esimerkki

Esimerkki 1

Suorita JavaScript-koodi, kun käyttäjä vapauttaa näppäimen:

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

Kokeile itse

Esimerkki 2

Käytä yhdessä "onkeydown" ja "onkeyup"-tapahtumia:

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

Kokeile itse

Esimerkki 3

Tulosta tekstikentässä vapautetut todelliset avaimet:

Syötä nimesi: <input type="text" id="fname" onkeyup="myFunction()">
<script>
function myFunction() {
  var x = document.getElementById("fname").value;
  document.getElementById("demo").innerHTML = x;
}
</script>

Kokeile itse

Syntaksi

HTML:ssä:

<element onkeyup="myScript">

Kokeile itse

JavaScriptissa:

object.onkeyup = function(){myScript};

Kokeile itse

JavaScriptissa käytetään addEventListener()-menetelmää:

object.addEventListener("keyup", myScript);

Kokeile itse

Huomautus:Internet Explorer 8 tai aikaisemmat versiot eivät tue addEventListener()-menetelmä.

Tekninen yksityiskohta

Puhkeava: Tuki
Peruutettavissa: Tuki
Tapahtumatyypit: KeyboardEvent
Tuetut HTML-merkit: Kaikki HTML-elementit, paitsi: <base>, <bdo>, <br>, <head>, <html>, <iframe>, <meta>, <param>, <script>, <style> ja <title>
DOM-versio: Tason 2-tapahtumat

Selaimesuunnittelu

Tapahtumat Chrome IE Firefox Safari Opera
onkeyup Tuki Tuki Tuki Tuki Tuki
DOM-tapahtumat KeyboardEvent