“ ปรับขนาด ” เหตุการณ์ใน JavaScript เป็นเหตุการณ์ในตัวที่ทริกเกอร์เมื่อผู้ใช้เปลี่ยนขนาดของหน้าต่างเบราว์เซอร์ เหตุการณ์นี้สามารถใช้เพื่อปรับเลย์เอาต์หรือลักษณะการทำงานของเว็บเพจตามขนาดหน้าต่างใหม่ เหตุการณ์ถูกทริกเกอร์/เริ่มทำงานบนวัตถุหน้าต่างที่แสดงถึงหน้าต่างเบราว์เซอร์
โพสต์นี้จะแสดงให้เห็นเหตุการณ์การปรับขนาดหน้าต่างใน JavaScript
เหตุการณ์ Window “resize” ใน JavaScript คืออะไร?
ในจาวาสคริปต์ “ ปรับขนาด ” เหตุการณ์จะเริ่มขึ้นเมื่อขนาดหน้าต่างเบราว์เซอร์เปลี่ยนไป คุณสามารถแนบฟังก์ชันกับเหตุการณ์การปรับขนาดได้โดยใช้ปุ่ม ' addEventListener() วิธีการ” บนวัตถุหน้าต่าง เหตุการณ์นี้จะทริกเกอร์ทุกครั้งที่ปรับขนาดหน้าต่างเบราว์เซอร์
ไวยากรณ์
ไวยากรณ์ต่อไปนี้ใช้สำหรับเหตุการณ์ปรับขนาดเพื่อปรับขนาดหน้าต่างด้วยเมธอด “addEventListener()”:
window.addEventListener ( 'ปรับขนาด' , funcName )
ขอแนะนำให้ลบตัวฟังเหตุการณ์เพื่อหลีกเลี่ยงการรั่วไหลของหน่วยความจำ สำหรับการลบผู้ฟังเหตุการณ์ ให้ใช้ปุ่ม “ removeEventListener() ' วิธี:
ตัวอย่าง
ในตัวอย่างที่ให้มา ความยาวและความกว้างของหน้าต่างจะแสดงบนหน้าในขณะที่ปรับขนาดหน้าต่าง
ขั้นแรก สร้างพื้นที่ขยายสำหรับแสดงความยาวและความกว้างของหน้าต่าง:
หน้าต่าง ความกว้างของ:หน้าต่าง' ความสูง: < ช่วง รหัส = 'ความสูง' > ช่วง >
จากนั้นในแท็ก