onresize Olay
Örnek
Tarayıcı penceresi yeniden boyutlandırıldığında bir JavaScript yürütün:
<body onresize="myFunction()">
Aşağıda daha fazla "Kendiniz Deneyin" örnekleri.
Tanım ve Kullanım
Onresize olayı, tarayıcı penceresi yeniden boyutlandırıldığında meydana gelir.
İpucu: Bir öğenin boyutunu almak için clientWidth, clientHeight, innerWidth , innerHeight , externalWidth , externalHeight , offsetWidth ve/veya offsetHeight özelliklerini kullanın.
Tarayıcı Desteği
Event | |||||
---|---|---|---|---|---|
onresize | Yes | Yes | Yes | Yes | Yes |
Sözdizimi
HTML'de:
<element onresize="myScript">
JavaScript'te:
object.onresize = function(){myScript};
JavaScript'te, addEventListener() yöntemini kullanarak:
object.addEventListener("resize", myScript);
Not: addEventListener () yöntemi, Internet Explorer 8 ve önceki sürümlerde desteklenmez.
Teknik detaylar
kabarcıklar: | Numara |
---|---|
İptal edilebilir: | Numara |
Etkinlik tipi: | Bir kullanıcı arabiriminden oluşturulmuşsa UiEvent , aksi takdirde Event |
Desteklenen HTML etiketleri: | <body> |
DOM Sürümü: | 2. Seviye Etkinlikleri |
Daha fazla örnek
Örnek
Pencere nesnesine "resize" olayını eklemek için addEventListener() yöntemini kullanma.
window.addEventListener("resize", myFunction);