ตัวอย่าง
รัน JavaScript เมื่อหน้าต่างเบราว์เซอร์ที่ถูกปรับขนาด:
<body onresize="myFunction()">
ลองตัวเอง» เพิ่มเติม "Try it Yourself" ตัวอย่างด้านล่าง
ความหมายและการใช้งาน
เหตุการณ์ที่เกิดขึ้นเมื่อ onresize หน้าต่างเบราเซอร์ที่ได้รับการปรับขนาด
เคล็ดลับ: เพื่อให้ได้ขนาดขององค์ประกอบใช้ clientWidth, clientHeight, innerWidth , innerHeight , outerWidth , outerHeight , offsetWidth และ / หรือคุณสมบัติ offsetHeight
สนับสนุนเบราว์เซอร์
| เหตุการณ์ | |||||
|---|---|---|---|---|---|
| onresize | ใช่ | ใช่ | ใช่ | ใช่ | ใช่ |
วากยสัมพันธ์
ใน HTML:
ใน JavaScript:
object .onresize=function(){ ลองตัวเอง» ใน JavaScript โดยใช้ addEventListener() วิธีการ:
object .addEventListener("resize", myScript );
ลองตัวเอง» หมายเหตุ: addEventListener() วิธีการที่ไม่ได้รับการสนับสนุนใน Internet Explorer 8 และรุ่นก่อนหน้านี้
รายละเอียดทางเทคนิค
| บับเบิ้ล: | ไม่ |
|---|---|
| ยกเลิก: | ไม่ |
| ประเภทเหตุการณ์: | UIEvent |
| แท็ก HTML ที่รองรับ: | <body> |
| DOM เวอร์ชัน: | ระดับที่ 2 เหตุการณ์ |
ตัวอย่างอื่น ๆ
ตัวอย่าง
ใช้ addEventListener() วิธีการในการแนบ "resize" เหตุการณ์บนวัตถุหน้าต่าง
window.addEventListener("resize", myFunction);
ลองตัวเอง» <object เหตุการณ์