HTML DOM Olayları

HTML DOM Olayları

HTML DOM olayları, JavaScript'in HTML belgesindeki elementler üzerinde farklı olay işleyicileri kaydedebileceği olayları sağlar.

Olaylar genellikle fonksiyonlarla birlikte kullanılır, fonksiyon olayın gerçekleşmeden önce çalışmaz (örneğin, kullanıcı bir düğmeye tıkladığında).

Olaylar hakkında eğitim almak için bizim JavaScript Olay Eğitimi.

olay Açıklama Aittir
abort Medya yükleme durdurulduğunda bu olay gerçekleşir.
afterprint Sayfa yazdırılmaya başlandığında veya yazdırma dialogu kapatıldığında bu olay gerçekleşir. Event
animationend CSS animasyonu tamamlandığında bu olay gerçekleşir. AnimationEvent
animationiteration CSS animasyonu tekrarlandığında bu olay gerçekleşir. AnimationEvent
animationstart CSS animasyonu başladığında bu olay gerçekleşir. AnimationEvent
beforeprint Sayfa yazdırılmaya başlandığında bu olay gerçekleşir. Event
beforeunload Belge yüklendiğinden önce bu olay gerçekleşir.
blur Element odak kaybettiğinde bu olay gerçekleşir. FocusEvent
canplay Tarayıcı medyayı oynatabilmeye başladığında bu olay gerçekleşir. Event
canplaythrough Tarayıcı medyayı buffer'ı durdurmadan oynatabilirken bu olay gerçekleşir. Event
change Form elementinin içeriği, seçilen içerik veya seçilen durum değiştiğinde bu olay gerçekleşir. Event
click Kullanıcı bir elementi tıkladığında bu olay gerçekleşir. MouseEvent
contextmenu Kullanıcı bir elementi sağ tıkladığında ve sağ tıklama menüsünü açtığında bu olay gerçekleşir. MouseEvent
copy Kullanıcı elementin içeriğini kopyaladığında bu olay gerçekleşir. ClipboardEvent
cut Kullanıcı elementin içeriğini keserken bu olay gerçekleşir. ClipboardEvent
dblclick Kullanıcı bir elementi çift tıkladığında bu olay gerçekleşir. MouseEvent
drag Elementi sürüklendiğinde bu olay gerçekleşir. DragEvent
dragend Kullanıcı sürükleme işlemini tamamladıktan sonra bu olay gerçekleşir. DragEvent
dragenter Taşınan bir öge yerleştirme hedefine girdiğinde bu olay gerçekleşir. DragEvent
dragleave Taşınan bir öge yerleştirme hedefinden ayrıldığında bu olay gerçekleşir. DragEvent
dragover Taşınan bir öge yerleştirme hedefi üzerindeyken bu olay gerçekleşir. DragEvent
dragstart Kullanıcı bir ögeyi sürüklemeye başladığında bu olay gerçekleşir. DragEvent
drop Taşınan bir öge yerleştirme hedefine konduğunda bu olay gerçekleşir. DragEvent
durationchange Medya süresi değiştiğinde bu olay gerçekleşir. Event
ended Medya sonuna geldiğinde bu olay gerçekleşir. Event
error Dış bir dosya yüklenirken hata meydana geldiğinde bu olay gerçekleşir.
focus Bir öge odak aldığında bu olay gerçekleşir. FocusEvent
focusin Bir öge odak alacağında bu olay gerçekleşir. FocusEvent
focusout Bir öge odak kaybedeceğinde bu olay gerçekleşir. FocusEvent
fullscreenchange Bir öge tam ekran modunda gösterildiğinde bu olay gerçekleşir. Event
fullscreenerror Bir öge tam ekran modunda gösterilemediğinde bu olay gerçekleşir. Event
hashchange URL'nin bağlantı kısmı değiştiğinde bu olay gerçekleşir. Hash değişiklik olayı
input Bir öge kullanıcı girdisini aldığında bu olay gerçekleşir.
invalid Bir öge geçersiz olduğunda bu olay gerçekleşir. Event
keydown Kullanıcı bir tuşu basarken bu olay gerçekleşir. KeyboardEvent
keypress Kullanıcı bir tuşu bastığında bu olay gerçekleşir. KeyboardEvent
keyup Kullanıcı bir tuşu bıraktığında bu olay gerçekleşir. KeyboardEvent
load Obje yüklendiğinde bu olay gerçekleşir.
loadeddata Medya verileri yüklendikten sonra bu olay gerçekleşir. Event
loadedmetadata Metaveri (örneğin, boyut ve süre) yüklenirken bu olay gerçekleşir. Event
loadstart Tarayıcı belirlenen medyayı aramaya başladığında bu olay gerçekleşir. ProgressEvent
message Bu olay kaynağı üzerinden mesaj alındığında bu olay gerçekleşir. Event
mousedown Kullanıcı bir öge üzerinde fare butonunu bastığında bu olay gerçekleşir. MouseEvent
mouseenter İşaretçi bir öge üzerine hareket ettiğinde bu olay gerçekleşir. MouseEvent
mouseleave İşaretçi bir ögeden çıkarken bu olay gerçekleşir. MouseEvent
mousemove İşaretçi bir öge üzerinde hareket ederken bu olay gerçekleşir. MouseEvent
mouseout Kullanıcı fare işaretçisini bir öge veya bu ögenin altındaki bir alt ögeden çıkardığında bu olay gerçekleşir. MouseEvent
mouseover İşaretçi bir öge veya bu ögenin altındaki bir alt öge üzerine hareket ettiğinde bu olay gerçekleşir. MouseEvent
mouseup Kullanıcı bir öge üzerinde fare butonunu bıraktığında bu olay gerçekleşir. MouseEvent
mousewheel Tavsiye edilmez.Lütfen bunu kullanmayın wheel olay WheelEvent
offline Tarayıcı çevrimdışı çalışmaya başladığında bu olay meydana gelir. Event
online Tarayıcı çevrimiçi çalışmaya başladığında bu olay meydana gelir. Event
open Bağlantı açıldığında bu olay meydana gelir. Event
pagehide Kullanıcı bir web sayfasından ayrılıp yönlendirildiğinde bu olay meydana gelir. PageTransitionEvent
pageshow Kullanıcı bir web sayfasına yönlendirildiğinde bu olay meydana gelir. PageTransitionEvent
paste Kullanıcı bazı içerikleri bir elemente yapıştırırken bu olay meydana gelir. ClipboardEvent
pause Medya kullanıcı tarafından durdurulduğunda veya programla durdurulduğunda bu olay meydana gelir. Event
play Medya başlatıldığında veya durdurulmadığında bu olay meydana gelir. Event
playing Medya bekletme ardından oynatma için durdurulduğunda bu olay meydana gelir. Event
popstate Tarayıcı'nın tarihçesi değiştiğinde bu olay meydana gelir. PopStateEvent
progress Tarayıcı medya verilerini alırken bu olay meydana gelir. Event
ratechange Medya oynatma hızı değiştiğinde bu olay meydana gelir. Event
reset Formu sıfırlarken bu olay meydana gelir. Event
resize Belge görünümünü büyütme veya küçültme sırasında bu olay meydana gelir.
scroll R滚动条的滚动时发生此事件。
search Kullanıcı arama alanına içerik girdiğinde bu olay meydana gelir. Event
seeked Kullanıcı medyada yeni bir konuma taşındıktan sonra bu olay meydana gelir. Event
seeking Kullanıcı medyada yeni bir konuma taşınırken veya atlarken bu olay meydana gelir. Event
select Kullanıcı metni seçtiğinde (input ve textarea için) bu olay meydana gelir.
show <menu> elementi bağlam menüsü olarak gösterildiğinde bu olay meydana gelir. Event
stalled Tarayıcı medya verilerini almak istediğinde ancak veriler kullanılamadığında bu olay meydana gelir. Event
storage Web depolama alanı güncellendiğinde bu olay meydana gelir. StorageEvent
submit Formu gönderirken bu olay meydana gelir. Event
suspend Tarayıcı medya verilerini almak istediğinde ancak veriler kullanılamadığında bu olay meydana gelir. Event
timeupdate Oynatma konumu değiştiğinde bu olay meydana gelir. Event
toggle Kullanıcı <details> elementini açar veya kapatırken bu olay meydana gelir. Event
touchcancel Dokunma kesildiğinde bu olay meydana gelir. TouchEvent
touchend Parmağınız dokunmatik ekranından ayrıldığında bu olay meydana gelir. TouchEvent
touchmove Parmağınız ekran üzerinde sürüklendiğinde bu olay meydana gelir. TouchEvent
touchstart Parmağınız dokunmatik ekran üzerindeyken bu olay meydana gelir. TouchEvent
transitionend CSS dönüşümü tamamlanırken bu olay meydana gelir. TransitionEvent
unload Sayfa yüklendikten sonra (body için), bu olay gerçekleşir.
volumechange Medya ses seviyesi değiştiğinde bu olay gerçekleşir. Event
waiting Medya durduruldu ancak geri yüklenmesi bekleniyor olduğunda bu olay gerçekleşir. Event
wheel Fare tekerleği elementin üzerine yukarı veya aşağı kaydırıldığında bu olay gerçekleşir. WheelEvent

HTML DOM Olay Özellikleri ve Methodları

Özellik/Method Açıklama Aittir
altKey Fare olayında "ALT" tuşunun basılı olup olmadığını döndürür. MouseEvent
altKey Klavye olayında "ALT" tuşunun basılı olup olmadığını döndürür.
animationName Animasyonun adını döndürür. AnimationEvent
bubbles Belirli bir olayın patlama olayı olup olmadığını döndürür. Event
button Fare olayını tetiklerken basılı olan fare tuşunu döndürür. MouseEvent
buttons Fare olayını tetiklerken basılı olan fare tuşunu döndürür. MouseEvent
cancelBubble Olayın bir üst katmana nasıl yayılacağını ayarlar veya döndürür.
cancelable Olayın varsayılan operasyonunu engelleyip engeleneceğini döndürür. Event
changeTouches Önceki dokunmadan bu dokunmaya kadar durumunu değiştiren tüm dokunma nesnelerinin listesini döndürür. TouchEvent
charCode onkeypress olayında basılan tuşun Unicode karakter kodunu döndürür. KeyboardEvent
clientX Fare olayında, fare işaretçisinin mevcut pencereye göre yatay koordinatını döndürür.
clientY Fare olayında, fare işaretçisinin mevcut pencereye göre dikey koordinatını döndürür.
clipboardData Klippanç operasyonundan etkilenen verileri içeren nesneyi döndürür. ClipboardData
code Olayı tetikleyen tuşun kodunu döndürür. KeyboardEvent
composed Bu olayın Shadow DOM'dan genel DOM'a iletilip iletilmeyeceğini belirtir. Event
composedPath() Olayın yolunu döndürür.
createEvent() Yeni bir olay oluşturur. Event
ctrlKey Fare olayında "CTRL" tuşunun basılı olup olmadığını döndürür. MouseEvent
ctrlKey Klavye tuşu ve fare olayında "CTRL" tuşunun basılı olup olmadığını döndürür.
currentTarget Olay dinleyicisinin tetiklediği olayı tetikleyen elementi döndürür. Event
data Eklenen karakteri döndürür. InputEvent
dataTransfer Kopyalanan veya eklenecek/silinecek verileri içeren bir nesne döndürür.
defaultPrevented 事件 çağrısında preventDefault() yöntemini çağırıp çağırılmadığını döndürür. Event
deltaX Fare tekerleğinin yatay kaydırma miktarını (x ekseni) döndürür. WheelEvent
deltaY Fare tekerleğinin dikey kaydırma miktarını (y ekseni) döndürür. WheelEvent
deltaZ Fareket tekerlek Z eksenindeki kaydırma miktarını döndürür. WheelEvent
deltaMode Artış değeri (piksel, çizgi veya sayfa) birimi temsil eden rakam döndürür. WheelEvent
detail Farenin ne kadar kez tıklandığını gösteren rakam döndürür. UiEvent
elapsedTime Animasyonun kaçıncı saniyede olduğunu döndürür. AnimationEvent
elapsedTime Geçişin kaçıncı saniyede olduğunu döndürür. 　
eventPhase Mevcut olay akışının hangi aşamada olduğunu döndürür. Event
getModifierState() Hedef aralığını etkileyen ekleme/silme işlemlerine tabi olacak olan hedef aralığını içeren bir dizi döndürür. MouseEvent
getTargetRanges() Hedef aralığını etkileyen ekleme/silme işlemlerine tabi olacak olan hedef aralığını içeren bir dizi döndürür. InputEvent
inputType Değiştirilme türünü (yani "ekleyen" veya "silinen") döndürür. InputEvent
isComposing Olayın durumu oluşturma sürecinde olup olmadığını döndürür.
isTrusted Olayın güvenilir olup olmadığını döndürür. Event
key Olayın temsil ettiği tuşun değerini döndürür. KeyboardEvent
key Değiştirilen depolama项目的 键 döndürür. StorageEvent
keyCode onkeypress, onkeydown veya onkeyup olaylarını tetikleyen tuşun Unicode karakter kodunu döndürür. KeyboardEvent
location Klavye veya cihazdaki tuşun konumunu döndürür. KeyboardEvent
lengthComputable Geçerliliğin uzunluğunun hesaplanabilir olup olmadığını döndürür. ProgressEvent
loaded Yüklenen çalışma miktarını döndürür. ProgressEvent
metaKey Olay tetiklendiğinde META tuşunun basılı olup olmadığını döndürür. MouseEvent
metaKey META tuşunun fare işlemini tetiklerken basılı olup olmadığını döndürür.
MovementX Bir önceki mousemove olayına göre fare işaretçisinin yatay koordinatı döndürür. MouseEvent
MovementY Bir önceki mousemove olayına göre fare işaretçisinin dikey koordinatı döndürür. MouseEvent
newURL Değiştirilmiş hash sonrası belge URL'sini döndürür. HasChangeEvent
newValue Değiştirilen depolama项目的 新值 döndürür. StorageEvent
offsetX Fare işaretçisinin hedef elementin kenarına göre yatay koordinatı döndürür. MouseEvent
offsetY Fare işaretçisinin hedef elementin kenarına göre dikey koordinatı döndürür. MouseEvent
oldURL Değiştirilmeden önceki belge URL'sini döndürür. HasChangeEvent
oldValue Değiştirilen depolama项目的旧值 döndürür. StorageEvent
onemptied Kötü bir durum oluştuğunda ve medya dosyası aniden kullanılamaz hale geldiğinde bu olay gerçekleşir. 　
pageX Fare işlemini tetiklerken fare işaretçisinin belgeye göre yatay koordinatı döndürür. MouseEvent
pageY Fare işlemini tetiklerken fare işaretçisinin belgeye göre dikey koordinatı döndürür. MouseEvent
persisted Web sayfasının tarayıcı tarafından önbelleğe alınıp alınmadığını döndürür. PageTransitionEvent
preventDefault() Olayın iptal edilebilmesi durumunda, olaya ait varsayılan işlemi gerçekleştirmeme ve iptal eder. Event
propertyName Animasyon veya geçişle ilgili CSS öznitelik adını döndürür.
pseudoElement Animasyon veya geçişin sahte elementinin adını döndürür.
region MouseEvent
relatedTarget Fare olayını tetikleyen öğeyle ilgili öğeyi döndürür. MouseEvent
relatedTarget Olayı tetikleyen öğeyle ilgili öğeyi döndürür. FocusEvent
repeat Bir tuşun tekrarlı olarak basılı tutulduğunu döndürür. KeyboardEvent
screenX Pencere veya fare işaretçisinin ekranına göre yatay koordinatını döndürür. MouseEvent
screenY Pencere veya fare işaretçisinin ekranına göre dikey koordinatını döndürür. MouseEvent
shiftKey Olay tetiklendiğinde "SHIFT" tuşunun basılı olup olmadığını döndürür. MouseEvent
shiftKey Klavye olayı tetiklendiğinde "SHIFT" tuşunun basılı olup olmadığını döndürür.
state Tarihi girdi kopyasını içeren nesneyi döndürür. PopStateEvent
stopImme...() Aynı olayın diğer dinleyicilerinin çağrılmasını önler. Event
stopPropagation() Olayın olay akışında daha da yayılmasını önler. Event
storageArea Etkilenen depolama nesnesini temsil eden nesneyi döndürür. StorageEvent
target Olayı tetikleyen öğeyi döndürür. Event
targetTouches Hala yüzeyle temas eden tüm dokunuş noktalarını içeren Touch nesnelerinin TouchList listesini döndürür. TouchEvent
timeStamp Olayın oluşturulduğu zamanı (miladyen'den bu yana milisaniye cinsinden) döndürür. Event
total Yüklenecek çalışma miktarını döndürür. ProgressEvent
touches Mevcut olarak yüzeyle temas eden tüm touch nesnelerinin listesini döndürür. TouchEvent
type Olay adını döndürür. Event
url Değiştirilen öğenin bulunduğu belgenin URL'sini döndürür. StorageEvent
which Fare olayını tetiklerken basılı olan fare tuşunu döndürür. MouseEvent
which onkeypress olayını tetikleyen tuşun Unicode karakter kodunu veya onkeydown veya onkeyup olaylarını tetikleyen tuşun Unicode tuş kodunu döndürür. KeyboardEvent
view Olayın meydana geldiği Pencere nesnesine olan atıfı döndürür. UiEvent