HTMLDialogElement: thuộc tính closedBy

Giá trị

Một chuỗi; các giá trị có thể là:

any

Hộp thoại có thể được đóng bằng một hành động dismiss nhẹ, một hành động cụ thể của nền tảng, hoặc một cơ chế do nhà phát triển chỉ định.

closerequest

Hộp thoại có thể được đóng bằng một hành động cụ thể của nền tảng hoặc một cơ chế do nhà phát triển chỉ định.

none

Hộp thoại chỉ có thể được đóng bằng một cơ chế do nhà phát triển chỉ định.

Hành vi mặc định

Nếu thuộc tính closedby vắng mặt hoặc không hợp lệ, nó sẽ quay về trạng thái Auto. Ở trạng thái Auto:

• khi <dialog> được mở bằng showModal(), nó hoạt động như thể: closedby="closerequest"
• khi <dialog> được mở bằng bất kỳ cách nào khác, nó hoạt động như thể: closedby="none"

Ví dụ

Cách sử dụng closedBy cơ bản

<dialog closedby="any">
  <p>
    Có thể đóng bằng phím <kbd>Esc</kbd>, hoặc bằng cách nhấp bên ngoài hộp thoại ("light dismiss").
  </p>
</dialog>

<pre id="log"></pre>

const logElement = document.getElementById("log");
function log(text) {
  logElement.innerText = `${logElement.innerText}${text}\n`;
  logElement.scrollTop = logElement.scrollHeight;
}

const dialog = document.querySelector("dialog");
dialog.showModal();
log(`closedBy: ${dialog.closedBy}`);

Kết quả

Đặc tả kỹ thuật

Tương thích trình duyệt

Xem thêm

• Phần tử HTML <dialog>