“ yeniden boyutlandırmak JavaScript'teki ” olayı, kullanıcı bir tarayıcı penceresinin boyutunu değiştirdiğinde tetiklenen yerleşik bir olaydır. Bu olay, yeni pencere boyutuna yanıt olarak bir web sayfasının düzenini veya davranışını ayarlamak için kullanılabilir. Olay, tarayıcı penceresini ifade eden pencere nesnesinde tetiklenir/tetiklenir.
Bu gönderi, JavaScript'teki Window resize olayını gösterecek.
JavaScript'te Pencere 'yeniden boyutlandırma' Olayı nedir?
JavaScript'te ' yeniden boyutlandırmak ” olayı, tarayıcı pencere boyutu değiştiğinde tetiklenir. “ kullanarak yeniden boyutlandırma olayına bir işlev ekleyebilirsiniz. addEventListener() ” yöntemi pencere nesnesinde. Bu olay, tarayıcı penceresi yeniden boyutlandırıldığında tetiklenir.
Sözdizimi
'addEventListener()' yöntemiyle pencereyi yeniden boyutlandırmak için resize olayı için aşağıdaki sözdizimi kullanılır:
pencere.addEventListener ( 'yeniden boyutlandırma' , işlevAdı )
Herhangi bir bellek sızıntısını önlemek için olay dinleyicisinin kaldırılması önerilir. Olay dinleyicisini kaldırmak için “ kaldırEventListener() ' yöntem:
Örnek
Sağlanan örnekte, pencere yeniden boyutlandırılırken pencerenin uzunluğu ve genişliği sayfada görüntülenecektir.
İlk olarak, pencerenin uzunluğunu ve genişliğini görüntülemek için bir yayılma alanı oluşturun:
pencere Genişliği:Pencere' Yükseklik: < açıklık İD = 'yükseklik' > açıklık >
Ardından,