在 JavaScript 中，我们可以轻松地将光标设置为等待。在本文中，我们将看到我们将如何做到这一点。实际上，这是一项非常简单的任务，有一个 CSS cursor 属性，它有一些值，其中一个值是wait 。我们将使用 CSS 的 [cursor:wait] 属性并使用 JavaScript 控制其行为。
将光标设置为等待在很多情况下很有用，例如，如果我们在某个支付交易页面点击了完成支付按钮，那么我们应该在按钮被点击后立即将光标设置为等待，以防止不必要的点击在页面上的任何位置，直到交易完成。
示例 1：在此示例中，我们将创建一个按钮，当按钮被点击时，光标将等待。为此，我们将使用 JavaScript 的addEventListener()函数。借助此功能，我们可以控制click 、 hover等事件的行为。
HTML
HTML
输出：
示例 2：对于这个示例，我们将使用相同的 JavaScript 的addEventListener()方法，使用悬停事件，并指定光标应该去哪里等待。在这种情况下，我们创建了两个容器，游标在第一个容器中可以正常工作，但在第二个容器中，游标将进入等待状态。
HTML
输出：
