onresize olayı

DOM Olayları Event nesnesi

Tanım ve Kullanım

onresize olayı tarayıcı penceresi boyutlandırıldığında tetiklenir.

İpucu:Bir elementin boyutunu almak için clientWidth, clientHeight,innerWidthveinnerHeightveouterWidthveouterHeightve/veya offsetWidth ve/veya offsetHeight özellikleri.

Örnek

Örnek 1

Tarayıcı penceresi boyutlandırıldığında JavaScript çalıştırın：

<body onresize="myFunction()">

Kişisel olarak deneyin

Örnek 2

addEventListener() metodu kullanarak window nesnesine "resize" olayı ekleyin：

window.addEventListener("resize", myFunction);

Kişisel olarak deneyin

Gramer

HTML'de:

<element onresize="myScript">

Kişisel olarak deneyin

JavaScript'te:

nesne.onresize = function(){myScript};

Kişisel olarak deneyin

JavaScript'te addEventListener() metodu kullanarak:

nesne.addEventListener("resize", myScript);

Kişisel olarak deneyin

Yorum:Internet Explorer 8 veya daha eski sürümler desteklemiyor addEventListener() metodu。

Teknik ayrıntılar

Yankılanabilir: Desteklenmiyor
İptal edilebilir: Desteklenmiyor
Olay türü： Kullanıcı arayüzünden oluşturulmuşsa:UiEvent。Aksi takdirde Event。
Desteklenen HTML etiketleri： <body>
DOM sürümü： Level 2 Events

Tarayıcı desteği

Olay Chrome IE Firefox Safari Opera
onresize Destek Destek Destek Destek Destek
DOM Olayları Event nesnesi