如何使用瀏覽器提供的confirm() API來讓使用者確認操作

confirm()允許我們在執行某些操作之前詢問使用者確認。

這個API的歷史可以追溯到網絡的起源,並且被每個瀏覽器支持。

它非常簡單,我認為它在許多不同情況下都可能派上用場,而不需要自定義的UI。

它的工作原理如下:您調用confirm()函數,傳遞一個表示要確認的內容的字符串,該內容將顯示給用戶:

confirm("確定要刪除該元素嗎?")

在Chrome中顯示如下:

在Safari中顯示如下:

在Firefox中顯示如下:

正如您所見,在每個瀏覽器中顯示稍有不同,但是概念是相同的。

您應該調用window.confirm(),但由於window是隱式的,所以也可以僅使用confirm()

瀏覽器會阻止腳本的執行,直到用戶點擊確定或取消按鈕。沒有點擊按鈕,您無法退出。

對confirm()的調用會返回一個布爾值,如果用戶點擊了確定,則返回true;如果用戶點擊了取消,則返回false,因此我們可以將其賦值給一個變量,或在條件語句中使用它:

const confirmed = confirm("確定要刪除該元素嗎?")
if (confirm("確定要刪除該元素嗎?")) {
 console.log('已確認')
}