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