myNotlar Logo

onKeyDown Olayı (Event)


JavaScript onKeyDown olayı (event), ilgili elementin içinde veya üzerinde kullanıcı bir tuşa ilk bastığı zaman tetiklenir. HTML onKeyDown özelliği element üzerinde keydown olayı gerçekleştiği zaman çalıştırılacak fonksiyonun veya betiğin (script) belirtilmesini sağlar.

HTML dahilindeki sadece tek bir fonksiyon belirtilebilen bu tip olay yönetim fonksiyonlarına olay tutucu (event handler) ismi verilir. Fakat, HTML DOM'da birden fazla olay yönetim fonksiyonu belirtilebildiği için olay tutucusu isminden ziyade olay dinleyici (event listener) ismi kullanılmaktadır. DOM'da olay dinleyici fonksiyonlar attachEvent ve addEventListener fonksiyonları ile ilgili elemente eklenebilir/bağlanabilir.

HTML Sözdizimi

<element onkeydown="betik" > ... </element>

DOM Sözdizimi

element.onkeydown = fonkBetik;

betik = element.onkeydown
betikonkeydown olayı tetiklendiğinde çalıştırılacak betik (script) kodlarını belirtir.
fonkBetikonkeydown olayı tetiklendiğinde çalıştırılacak fonksiyon adını veya betik kodlarını belirtir.

Dönüş Değeri

betikFonksiyon belirtildiyse fonksiyon gövdesi veya betik kodları döner.

Örnek

Aşağıdaki örnek, onKeyDown, onKeyPress ve onKeyUp olay tutucularının metin kutusu (textbox) girişinde bir tuşa basıldığı zaman gerçekleşme sırasını göstermektedir.

<html>
<head>
    <title>JavaScript onKeyDown, onKeyPress ve onKeyUp Olay tutucuları</title>
<script type="text/javascript">
var Sira = 1;
function On_KeyDown() {
    document.getElementById('OnDownBilgi').innerHTML = Sira +". : onKeyDown oldu!";
    Sira++; }
    
function On_KeyPress() {
    document.getElementById('OnPressBilgi').innerHTML = Sira +". : onKeyPress oldu!";
    Sira++; }
    
function On_KeyUp() {
    document.getElementById('OnUpBilgi').innerHTML = Sira +". : onKeyUp oldu!";
    Sira++; }
    
function Temizle() {
    document.getElementById('Giris').value = "";
    document.getElementById('OnDownBilgi').innerHTML = "";
    document.getElementById('OnPressBilgi').innerHTML = "";
    document.getElementById('OnUpBilgi').innerHTML = "";
    Sira = 1; }
</script>
</head>
<body>
<input id="Giris" type="text" onKeyDown="On_KeyDown()" onKeyPress="On_KeyPress()" onKeyUp="On_KeyUp()">
<div id="OnDownBilgi" style="color:red;"></div>
<div id="OnPressBilgi" style="color:red;"></div>
<div id="OnUpBilgi" style="color:red;"></div>
<input type="button" value="Temizle" onClick="Temizle()">
</body>
</html>
Canlı Sonuç


Elementler

keydown olayının gerçekleşebileceği/kontrol edilebileceği HTML etiketleri/elementleri

A (Anchor) | ABBR | ACRONYM | ADDRESS | AREA | B (Bold) | BIG | BLOCKQUOTE | BODY | BUTTON | CANVAS | CAPTION | CITE | CODE | COL | COLGROUP | DD | DEL | DFN | DIV | DL | DT | EM | FIELDSET | FORM | H1,H2,H3,H4,H5,H6 | HR | I (Italic) | IMG | INPUT | INPUT-hidden | INPUT-text | INPUT-password | INPUT-checkbox | INPUT-radio | INPUT-submit | INPUT-reset | INPUT-file | INPUT-image | INPUT-button | INS | KBD | LABEL | LEGEND | LI | LINK | MAP | MARQUEE | NOFRAMES | NOSCRIPT | OBJECT | OL | OPTGROUP | OPTION | P (Paragraph) | PRE | Q (Quote) | SAMP | SELECT | SMALL | SPAN | STRONG | SUB | SUP | TABLE | TBODY | TD | TEXTAREA | TFOOT | TH | THEAD | TR | TT | U (Underline) | UL | VAR

 
myNotlar Hakkında
Telif Hakkı © 2007-2009 mynotlar.com Tüm Hakları Saklıdır. Kopyalanamaz. Yayınlanamaz.
E-Posta : support@myNotlar.com

| Tek Kişilik Oyunlar | Sudoku | Oyunlar |