How to disable anchor tag onclick events inside div element?
<p>I have html content as given below.</p>

<pre><code>&lt;div&gt;
    &lt;a href="#" onclick="someFunction();"&gt;Link 1&lt;/a&gt;
    &lt;a href="#" onclick="someFunction();"&gt;Link 1&lt;/a&gt;
    &lt;a href="#" onclick="someFunction();"&gt;Link 1&lt;/a&gt;
    &lt;a href="#" onclick="someFunction();"&gt;Link 1&lt;/a&gt;
    &lt;a href="#" onclick="someFunction();"&gt;Link 1&lt;/a&gt;
&lt;/div&gt;
</code></pre>

<p><strong>Problem:</strong></p>

<p>When I click on any link, in the onClick function I will make one ajax call.</p>

<p>I just want to disable all the onClick events of a tag(or disable the entire div and all of its child elements) till I get the ajax response after getting the response I need to re-enable all the a tag onclick events.</p>

<p>Is there any way achieve the same?</p>