如何在 Tampermonkey 中使用带有警报的 yes no 语句 - Javascript

有时候在编写 Tampermonkey 脚本的时候，需要让使用者对某个操作进行确认，比如删除操作。这个时候，可以使用带有警报的 yes no 语句来实现。本文将介绍在 Tampermonkey 中如何实现带有警报的 yes no 语句。

步骤

1. 在 Tampermonkey 中添加以下代码，用于弹出带有警报的 yes no 对话框：

   function showConfirmationDialog(message, yesCallback, noCallback) {
       const confirmed = window.confirm(message);
       if (confirmed) {
           yesCallback();
       } else {
           noCallback();
       }
   }
   

2. 在需要用户确认的代码块中调用 showConfirmationDialog 函数，用于弹出警报对话框：

   showConfirmationDialog('确定要删除吗？', deleteItem, cancelDelete);
   
   function deleteItem() {
       // 删除操作
   }
   
   function cancelDelete() {
       // 取消删除操作
   }
   

3. 在调用 showConfirmationDialog 函数时，需要传入三个参数：警报信息 message、确定操作的回调函数 yesCallback、取消操作的回调函数 noCallback。如果用户选择确定，则调用 yesCallback 函数，否则调用 noCallback 函数。

示例

下面是一个完整的例子，用于演示在 Tampermonkey 中如何使用带有警报的 yes no 语句：

// ==UserScript==
// @name         带有警报的 yes no 语句示例
// @namespace    http://tampermonkey-example
// @version      1
// @description  在 Tampermonkey 中使用带有警报的 yes no 语句的示例代码
// @match        *://*/*
// @grant        none
// ==/UserScript==

(function() {
    'use strict';

    function showConfirmationDialog(message, yesCallback, noCallback) {
        const confirmed = window.confirm(message);
        if (confirmed) {
            yesCallback();
        } else {
            noCallback();
        }
    }

    function deleteItem() {
        // 删除操作
        console.log('删除成功');
    }

    function cancelDelete() {
        // 取消删除操作
        console.log('取消删除操作');
    }

    // 在点击按钮时，弹出带有警报的 yes no 对话框，让用户确认是否删除
    const deleteButton = document.querySelector('#deleteButton');
    deleteButton.addEventListener('click', function() {
        showConfirmationDialog('确定要删除吗？', deleteItem, cancelDelete);
    });
})();

总结

在 Tampermonkey 中使用带有警报的 yes no 语句非常简单，只需要定义一个 showConfirmationDialog 函数，用于弹出带有警报的 yes no 对话框；调用 showConfirmationDialog 函数时，传入警报信息 message、确定操作的回调函数 yesCallback、取消操作的回调函数 noCallback 即可。