對話方塊元素 - 簡化視窗
bookmark_borderbookmark
透過集合功能整理內容
你可以依據偏好儲存及分類內容。
Chrome Canary 已支援旗標後方的對話方塊元素。dialog
元素可用於網頁中的彈出式視窗。
show()
:開啟對話方塊。
close()
:關閉對話方塊。會採用選用引數,如果有提供,則會將 dialog.returnValue
設為該引數。
showModal()
:開啟互動式對話方塊。
::backdrop
:用於為模式對話方塊後方背景設定樣式的虛擬元素。
close
事件:對話方塊關閉時觸發。
2013 年 12 月 16 日更新
dialog
元素現在支援:
cancel
事件:在模式對話方塊中按下 Escape 鍵時觸發。您可以使用 event.preventDefault()
取消這項事件。
autofocus
屬性:在具有 autofocus
屬性的模式對話方塊中,如果有表單控制項,系統會在顯示對話方塊時將焦點放在該控制項。如果沒有這類元素,系統會將焦點移至第一個可對焦的元素。
form[method="dialog"]
:僅適用於對話方塊。表單提交後,會關閉對話方塊,並將 dialog.returnValue
設為所用提交按鈕的值。
透過即時示範和 polyfill 查看詳細資訊。
前往 chrome://flags/,啟用「啟用 Web 平台實驗功能」即可開啟這項功能。
除非另有註明,否則本頁面中的內容是採用創用 CC 姓名標示 4.0 授權,程式碼範例則為阿帕契 2.0 授權。詳情請參閱《Google Developers 網站政策》。Java 是 Oracle 和/或其關聯企業的註冊商標。
上次更新時間:2013-09-22 (世界標準時間)。
[[["容易理解","easyToUnderstand","thumb-up"],["確實解決了我的問題","solvedMyProblem","thumb-up"],["其他","otherUp","thumb-up"]],[["缺少我需要的資訊","missingTheInformationINeed","thumb-down"],["過於複雜/步驟過多","tooComplicatedTooManySteps","thumb-down"],["過時","outOfDate","thumb-down"],["翻譯問題","translationIssue","thumb-down"],["示例/程式碼問題","samplesCodeIssue","thumb-down"],["其他","otherDown","thumb-down"]],["上次更新時間:2013-09-22 (世界標準時間)。"],[],[]]