Örnek
Tarayıcı penceresi yeniden boyutlandırıldığında bir JavaScript yürütün:
<body onresize="myFunction()">
Kendin dene " Daha "Try it Yourself" Aşağıdaki örnekler.
Tanımı ve Kullanımı
tarayıcı penceresi resized edildiğinde onresize olayı oluşur.
İpucu: Bir elemanın boyutunu almak clientWidth, clientHeight, kullanmak için innerWidth , innerHeight , outerWidth , outerHeight , offsetWidth ve / veya offsetHeight özelliklerini.
Tarayıcı Desteği
Olay | |||||
---|---|---|---|---|---|
onresize | Evet | Evet | Evet | Evet | Evet |
Sözdizimi
HTML'de:
JavaScript:
object .onresize=function(){ Kendin dene "
JavaScript olarak, kullanılarak addEventListener() metodu:
object .addEventListener("resize", myScript );
Kendin dene " Not: addEventListener() metodu Internet Explorer 8 ve önceki sürümlerinde desteklenmez.
Teknik detaylar
Kabarcıklar: | Yok hayır |
---|---|
iptal Edilebilir: | Yok hayır |
Etkinlik tipi: | UIEvent |
Desteklenen HTML etiketleri: | <Body> |
DOM Versiyon: | Seviye 2 Olaylar |
Diğer Örnekler
Örnek
Kullanılması addEventListener() yöntemini eklemek için "resize" pencere nesnesine olay.
window.addEventListener("resize", myFunction);
Kendin dene " <Olay Nesne