Khóa học đề xuất:

Sự kiện DOM Sự kiện HashChangeEvent

Sự kiện onhashchange

Định nghĩa và cách sử dụng

Khi phần thẻ chìa của URL hiện tại (bắt đầu bằng ký hiệu '#') thay đổi, sự kiện onhashchange sẽ xảy ra.

Ví dụ về phần thẻ chìa: Giả sử URL hiện tại là http://www.example.com/test.htm#part2 - Phần thẻ chìa của URL này sẽ là #part2.

  • Để gọi sự kiện này, bạn có thể: Đối tượng Locationcủa location.hash hoặc Thuộc tính location.hrefđể thay đổi phần thẻ chìa
  • Dùng các thẻ nhớ để duyệt trang hiện tại (sử dụng nút "Quay lại" hoặc "Tiếp tục")
  • Nhấp vào liên kết chỉ đến điểm mốc của cuốn sách

Mô hình

Ví dụ 1

Chạy JavaScript sau khi phần thẻ chìa thay đổi:

<body onhashchange="myFunction()">

Thử ngay

Ví dụ 2

Cách gán sự kiện "onhashchange" cho đối tượng window:

window.onhashchange = myFunction;

Thử ngay

Cú pháp

Trong HTML:

<element onhashchange="myScript">

Thử ngay

Trong JavaScript:

object.onhashchange = function(){myScript};

Thử ngay

Trong JavaScript, sử dụng phương thức addEventListener():

object.addEventListener("hashchange", myScript);

Thử ngay

Ghi chú:Internet Explorer 8 hoặc các phiên bản trước không hỗ trợ Phương thức addEventListener().

Chi tiết kỹ thuật

Bubbling: Hỗ trợ
Có thể hủy: Không hỗ trợ
Loại sự kiện: Sự kiện HashChangeEvent
Các thẻ HTML được hỗ trợ: <body>
Phiên bản DOM: Sự kiện cấp 3

Hỗ trợ trình duyệt

Số liệu trong bảng cho biết phiên bản trình duyệt đầu tiên hỗ trợ hoàn toàn sự kiện này.

Sự kiện Chrome IE Firefox Safari Opera
onhashchange 5.0 8.0 3.6 5.0 10.6
Sự kiện DOM Sự kiện HashChangeEvent