onhashchange 事件

เหตุการณ์ DOM HashChangeEvent

คำอธิบายและวิธีใช้

onhashchange 事件

เมื่อหลักโยนของ URL ปัจจุบัน (เริ่มต้นด้วยสัญญาณ '#' ) มีการเปลี่ยนแปลง จะมีเหตุการณ์ onhashchange ที่เกิดขึ้น

ตัวอย่างเกี่ยวกับหลักโยนคือ: หาก URL ปัจจุบันคือ http://www.example.com/test.htm#part2 - หลักโยนของ URL นี้จะเป็น #part2。

  • เพื่อเรียกเหตุการณ์นี้ คุณสามารถ วัตถุ Locationของ location.hash หรือ นามสาขา location.hrefเพื่อเปลี่ยนแปลงส่วนหลักของโยน
  • ใช้หลักโยนต่างๆ ในหน้าเว็บปัจจุบัน (ใช้ปุ่มถอยหลังหรือปุ่มหน้าต่อไป)
  • คลิกที่ลิงก์ที่มีหลักโยน

ตัวอย่าง

ตัวอย่าง 1

ทำงาน JavaScript หลังจากการเปลี่ยนแปลงส่วนหลักของโยน

<body onhashchange="myFunction()">

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

ตัวอย่าง 2

วิธีการจัดสรรเหตุการณ์ "onhashchange" ให้กับวัตถุ window ดังนี้：

window.onhashchange = myFunction;

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

ภาษา

ใน HTML ดังนี้：

<element onhashchange="myScript">

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

ใน JavaScript ดังนี้：

object.onhashchange = function(){myScript};

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

ใน JavaScript ใช้วิธี addEventListener() ดังนี้：

object.addEventListener("hashchange", myScript);

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

หมายเหตุ：Internet Explorer 8 หรือตัวรุ่นเก่ากว่าไม่สนับสนุน addEventListener() 方法。

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

การแบ่งส่วนของเหตุการณ์ สนับสนุน
สามารถยกเลิกได้： ไม่สนับสนุน
ประเภทเหตุการณ์： HashChangeEvent
ตารางหน้าแบบ HTML ที่สนับสนุน： <body>
DOM รุ่น： Level 3 Events

การสนับสนุนโปรแกรมบราวเซอร์

ตารางจะบอกเลขว่าคุณสมบัติเฉพาะของบราวเซอร์ที่สนับสนุนการเกิดเหตุนี้อย่างเต็มที่

เหตุการณ์ Chrome IE Firefox Safari Opera
onhashchange 5.0 8.0 3.6 5.0 10.6
เหตุการณ์ DOM HashChangeEvent