javascript - 如何禁用 div 元素内的 anchor 标记 onclick 事件？

Question

我有下面给出的 html 内容。

<div>
    <a href="#" onclick="someFunction();">Link 1</a>
    <a href="#" onclick="someFunction();">Link 1</a>
    <a href="#" onclick="someFunction();">Link 1</a>
    <a href="#" onclick="someFunction();">Link 1</a>
    <a href="#" onclick="someFunction();">Link 1</a>
</div>

问题:

当我点击任何链接时，我将在 onClick 函数中进行一次 ajax 调用。

我只想禁用标签的所有 onClick 事件(或禁用整个 div 及其所有子元素)，直到我得到响应后得到 ajax 响应 我需要重新启用所有标签的 onclick 事件.

有什么办法可以达到同样的目的吗？

Answer 1

您可以使用 jqXHR 的 beforeSend 回调，您可以在其中禁用所有 anchor 标记和jqXHR.always() 回调，您将在其中启用所有 anchor 标记。

通过Jquery Ajax Documentation