Eiji Kitamura
Chrome Canary đã hỗ trợ thành phần hộp thoại phía sau một cờ. Bạn có thể sử dụng phần tử dialog cho cửa sổ bật lên trong trang web.
show(): Mở hộp thoại.close(): Đóng hộp thoại. Nhận một đối số không bắt buộc, nếu có thìdialog.returnValuesẽ được đặt thành.showModal(): Mở hộp thoại phương thức.::backdrop: Phần tử giả để tạo kiểu nền phía sau hộp thoại phương thức.- Sự kiện
close: Được kích hoạt khi đóng hộp thoại.
Thông tin cập nhật vào ngày 16 tháng 12 năm 2013
Phần tử dialog hiện hỗ trợ:
- Sự kiện
cancel: Được kích hoạt khi nhấn phím Escape trên hộp thoại phương thức. Bạn có thể huỷ sự kiện này bằngevent.preventDefault(). - Thuộc tính
autofocus: Thành phần điều khiển biểu mẫu đầu tiên trong hộp thoại phương thức có thuộc tínhautofocus(nếu có) sẽ được lấy tiêu điểm khi hộp thoại hiển thị. Nếu không có phần tử nào như vậy, thì phần tử có thể lấy tiêu điểm đầu tiên sẽ được lấy tiêu điểm. form[method="dialog"]: Chỉ hợp lệ trong hộp thoại. Sau khi gửi biểu mẫu, phương thức này sẽ đóng hộp thoại và đặtdialog.returnValuethành giá trị của nút gửi đã được sử dụng.
Xem thông tin chi tiết bằng bản minh hoạ trực tiếp và polyfill.
Bật tính năng này bằng cách bật "Bật các tính năng thử nghiệm của Nền tảng web" trong chrome://flags/.