onkeyup olayı

DOM olayları KeyboardEvent

Tanım ve kullanım

onkeyup olayı, kullanıcı klavyede bir tuşu serbest bıraktığında gerçekleşir.

İpucu:onkeyup olayıyla ilgili olay sırası:

  1. onkeydown
  2. onkeypress
  3. onkeyup

Örnek

Örnek 1

Kullanıcı tuşu serbest bıraktığında JavaScript çalıştırılır:

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

Kişisel olarak deneyin

Örnek 2

"onkeydown" ve "onkeyup" olaylarını birlikte kullanın:

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

Kişisel olarak deneyin

Örnek 3

Metin alanında serbest bırakılan gerçek tuşu çıktıya yazın:

Adınızı girin: <input type="text" id="fname" onkeyup="myFunction()">
<script>
function myFunction() {
  var x = document.getElementById("fname").value;
  document.getElementById("demo").innerHTML = x;
}
</script>

Kişisel olarak deneyin

Sözdizimi

HTML'de:

<element onkeyup="myScript">

Kişisel olarak deneyin

JavaScript'te:

nesne.onkeyup = function(){myScript};

Kişisel olarak deneyin

JavaScript'te, addEventListener() yöntemini kullanarak:

nesne.addEventListener("keyup", myScript);

Kişisel olarak deneyin

Açıklama:Internet Explorer 8 veya daha eski sürümler desteklemiyor addEventListener() yöntemi.

Teknik ayrıntılar

Yükseklenme: Destek
İptal edilebilir: Destek
Olay türleri: KeyboardEvent
Desteklenen HTML etiketleri: Tüm HTML elemanları, aşağıdaki dışında:<base>, <bdo>, <br>, <head>, <html>, <iframe>, <meta>, <param>, <script>, <style> ve <title>
DOM sürümü: 2. seviye olaylar

Tarayıcı desteği

Olay Chrome IE Firefox Safari Opera
onkeyup Destek Destek Destek Destek Destek
DOM olayları KeyboardEvent