เหตุการณ์onhashchange
ตัวอย่าง
เรียกใช้ JavaScript เมื่อส่วนสมอมีการเปลี่ยนแปลง:
<body onhashchange="myFunction()">
ตัวอย่าง "ลองใช้เอง" เพิ่มเติมด้านล่าง
ความหมายและการใช้งาน
เหตุการณ์ onhashchange เกิดขึ้นเมื่อมีการเปลี่ยนแปลงในส่วนสมอ (เริ่มต้นด้วยสัญลักษณ์ '#') ของ URL ปัจจุบัน
ตัวอย่างของส่วนสมอจริงๆ: สมมติว่า URL ปัจจุบันคือ
http://www.example.com/test.htm#part2 - ส่วนสมอของ URL นี้จะเป็น #part2
หากต้องการเรียกใช้กิจกรรมนี้ คุณสามารถ:
- เปลี่ยนส่วนสมอโดยการตั้งค่า คุณสมบัติ location.hashหรือlocation.hrefของLocation Object
- ไปที่หน้าปัจจุบันด้วยบุ๊กมาร์กอื่น (ใช้ปุ่ม "ย้อนกลับ" หรือ "ไปข้างหน้า")
- คลิกที่ลิงก์ไปยังจุดยึดที่คั่นหน้า
รองรับเบราว์เซอร์
ตัวเลขในตารางระบุเบราว์เซอร์รุ่นแรกที่รองรับเหตุการณ์อย่างสมบูรณ์
Event | |||||
---|---|---|---|---|---|
onhashchange | 5.0 | 8.0 | 3.6 | 5.0 | 10.6 |
ไวยากรณ์
ใน HTML:
<element onhashchange="myScript">
ในจาวาสคริปต์:
object.onhashchange = function(){myScript};
ใน JavaScript โดยใช้เมธอด addEventListener() :
object.addEventListener("hashchange", myScript);
หมายเหตุ:วิธีการaddEventListener()ไม่ได้รับการสนับสนุนใน Internet Explorer 8 และเวอร์ชันก่อนหน้า
รายละเอียดทางเทคนิค
ฟองอากาศ: | ใช่ |
---|---|
ยกเลิกได้: | ไม่ |
ประเภทเหตุการณ์: | HashChangeEvent |
แท็ก HTML ที่รองรับ: | <body> |
รุ่น DOM: | กิจกรรมระดับ 3 |
ตัวอย่างเพิ่มเติม
ตัวอย่าง
วิธีกำหนดเหตุการณ์ "onhashchange" ให้กับวัตถุหน้าต่าง:
window.onhashchange = myFunction;