ToggleEvent
Baseline
2023
*
Newly available
Since November 2023, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.
* Some parts of this feature may have varying levels of support.
Giao diện ToggleEvent biểu diễn một sự kiện kích hoạt khi một phần tử popover được chuyển đổi giữa trạng thái hiển thị và ẩn.
Đây là đối tượng sự kiện cho các sự kiện beforetoggle và toggle, kích hoạt trên các phần tử như sau:
Hàm khởi tạo
ToggleEvent()-
Tạo một đối tượng
ToggleEvent.
Thuộc tính phiên bản
Giao diện này kế thừa các thuộc tính từ cha nó, Event.
ToggleEvent.newStateRead only-
Chuỗi (
"open"hoặc"closed"), biểu diễn trạng thái mà phần tử đang chuyển sang. ToggleEvent.oldStateRead only-
Chuỗi (
"open"hoặc"closed"), biểu diễn trạng thái mà phần tử đang chuyển từ. ToggleEvent.sourceRead only-
Một phiên bản đối tượng
Elementbiểu diễn điều khiển HTML đã khởi tạo việc chuyển đổi.
Ví dụ
Ví dụ cơ bản
const popover = document.getElementById("mypopover");
// …
popover.addEventListener("beforetoggle", (event) => {
if (event.newState === "open") {
console.log("Popover is being shown");
} else {
console.log("Popover is being hidden");
}
});
Thông số kỹ thuật
| Specification |
|---|
| HTML # toggleevent |