如何使用window.confirm()
如何使用瀏覽器提供的confirm() API來讓使用者確認操作
confirm()允許我們在執行某些操作之前詢問使用者確認。
這個API的歷史可以追溯到網絡的起源,並且被每個瀏覽器支持。
它非常簡單,我認為它在許多不同情況下都可能派上用場,而不需要自定義的UI。
它的工作原理如下:您調用confirm()函數,傳遞一個表示要確認的內容的字符串,該內容將顯示給用戶:
1 | confirm("確定要刪除該元素嗎?") |
在Chrome中顯示如下:
在Safari中顯示如下:
在Firefox中顯示如下:
正如您所見,在每個瀏覽器中顯示稍有不同,但是概念是相同的。
您應該調用window.confirm(),但由於window是隱式的,所以也可以僅使用confirm()
瀏覽器會阻止腳本的執行,直到用戶點擊確定或取消按鈕。沒有點擊按鈕,您無法退出。
對confirm()的調用會返回一個布爾值,如果用戶點擊了確定,則返回true;如果用戶點擊了取消,則返回false,因此我們可以將其賦值給一個變量,或在條件語句中使用它:
1 | const confirmed = confirm("確定要刪除該元素嗎?") |
1 | if (confirm("確定要刪除該元素嗎?")) { |
tags: [“JavaScript”, “confirm API”, “確認操作”]