เหตุการณ์ onresize

เหตุการณ์ DOM วัตถุ Event

คำนำทางและการใช้งาน

เหตุการณ์ onresize ที่เกิดขึ้นเมื่อหน้าต่างเบราวเซอร์ถูกปรับขนาด

คำเตือน:เพื่อใช้ในการหาขนาดขององค์ประกอบ ใช้ clientWidth และ/หรือ clientHeight และ/หรือinnerWidth、innerHeight、outerWidth、outerHeightและ offsetWidth หรือ/หรือ offsetHeight แอตริบิวต์。

ตัวอย่าง

ตัวอย่าง 1

ปฏิบัติ JavaScript เมื่อขนาดหน้าต่างเบราวเซอร์ถูกปรับเปลี่ยน

<body onresize="myFunction()">

ลองด้วยตัวเอง

ตัวอย่าง 2

ใช้วิธี addEventListener() ในอนุตัว window ติดตั้งเหตุการณ์ "resize":

window.addEventListener("resize", myFunction);

ลองด้วยตัวเอง

รูปแบบ

ใน HTML:

<element onresize="myScript">

ลองด้วยตัวเอง

ใน JavaScript:

object.onresize = function(){myScript};

ลองด้วยตัวเอง

ใน JavaScript ใช้วิธี addEventListener():

object.addEventListener("resize", myScript);

ลองด้วยตัวเอง

หมายเหตุ:Internet Explorer 8 หรือตัวรุ่นเก่ากว่าไม่สนับสนุน วิธีการ addEventListener()。

รายละเอียดเทคนิค

การลอยขึ้น: ไม่สนับสนุน
ยกเลิกได้: ไม่สนับสนุน
ประเภทเหตุการณ์: ถ้าถูกสร้างจากแผงผลิตความหมายผู้ใช้UiEvent。 แต่ถ้าไม่ Event。
HTML แทนความหมายที่สนับสนุน: <body>
DOM รุ่น: Level 2 Events

การสนับสนุนเบราเซอร์

เหตุการณ์ Chrome IE Firefox Safari Opera
onresize การสนับสนุน การสนับสนุน การสนับสนุน การสนับสนุน การสนับสนุน
เหตุการณ์ DOM วัตถุ Event