禁用网页元素

Question

How can I disable the whole webpage elements when a button is clicked to avoid unintended several click that causes many transactions?

Threads suggest to use a div so that when a button is clicked, the div will be put on top of the elements.

Is there other way to solve it aside from div overlay?

I am using JavaScript, JSP, JQuery, AJAX

Answer 1

You can use CSS pointer-event property, which will disable clicking of any control.

Refer: https://developer.mozilla.org/en/docs/Web/CSS/pointer-events