在前端开发中，弹窗是一种非常常见的交互方式。当需要用户进行某种操作或者确认时，通常会使用JavaScript的confirm函数来创建一个确认弹窗。但是，在某些情况下，我们希望弹窗没有OK和取消按钮，而是用户单击其他区域即可关闭弹窗。这时，我们该如何实现呢？
了解confirm函数
在介绍解决方案之前，我们先来了解一下confirm函数的用法。
confirm函数是JavaScript中内置的一个函数，用于创建一个确认对话框。它接受一个字符串作为参数，用于显示在对话框中的提示信息，然后返回一个布尔值，表示用户是否点击了确定按钮（true）或取消按钮（false）。confirm函数的语法如下：
------------------
例如，下面的代码将创建一个包含“确定要删除吗？”提示信息的确认对话框，并根据用户的选择返回不同的结果：
-- -------------------- - -- --------- ------------- - ---- - -- --------- ------- -
实现没有按钮的确认弹窗
接下来，我们来看一下如何实现没有OK和取消按钮的确认弹窗。
方案一：手动创建弹窗
第一种方法是手动创建一个弹窗，然后通过事件监听器来控制弹窗的关闭。具体步骤如下：
- 创建一个包含提示信息的div元素，并设置样式（例如居中显示、背景透明等）。
- 将div元素添加到页面中，并设置为不可见状态。
- 注册一个事件监听器，当用户单击页面其他区域时，关闭弹窗。
以下是代码示例：
--------- -----
------
------
----- ----------------
-----------------------------
-------
-- ---- --
------ -
--------- ------
---- ----
----- ----
---------- --------------- ------
----------------- ------- -- -- -----
------ ------
-------- -----
----------- -------
-
--------
-------
------
------- --------------------------------------
---- ---------- ------------- ----------------------
-------
------
--------
-------- ----------- -
---------------------------------------------- - --------
---------------------------------- ------------
-
-------- ----------------- -
-- ------------- -- --------------------------------- -
---------------------------------------------- - -------
------------------------------------- ------------
-
-
---------
-------
-------在这个示例中，我们创建了一个包含“确认要删除吗？”提示信息的div元素，并将其设置为不可见状态。当用户单击“点击弹出确认框”按钮时，调用showModal函数来显示弹窗，并注册了一个事件监听器来检测用户是否单击了其他区域。如果用户单击了弹窗外部区域，则调用closeModal函数来关闭弹窗。
方案二：使用第三方库
第二种方法是使用第三方库来实现没有OK和取消按钮的确认弹窗。目前比较流行的库有SweetAlert和Noty等。这些库提供了丰富的配置选项和定制化能力，可以让我们轻松地创建各种样式的弹窗。
以下是使用SweetAlert库创建一个没有按钮的确认弹窗的代码示例：
--------- ----- ------ ----- ----------------------------------------------------------- ---------- ---------------------------------------------------------------------------------------