After the user clicks on log in button and other events I made a loading script -to let users know they have to wait Until ajax replies back How can I DISABLE any MOUSE CLICKS right click left click double click middle click x click on div id doc I want to add that code to loading js HTML lt html gt lt body gt lt div id doc gt lt div id content gt lt input type button value Login id login gt lt div id content gt lt div id doc gt lt body gt lt html gt loading js function load bar x if x 0 document body css cursor default body css cursor default loading css visibility hidden modal window doc ENABLE all clicks left right etc else if x 1 document body css cursor wait body css cursor wait loading css visibility visible modal window doc DISABLE all clicks left right etc else return alert Wrong argument jQuery document ready function AJAX login click function load bar 1 DISABLE clicks and show load bar input attr disabled true post function data load bar 0 ENABLE clicks and hide load bar END if else END post END ajax END jQuery

How to completely DISABLE any MOUSE CLICK

You can add a simple css3 rule in the body or in specific div, use pointer-events: none; property.

~ Answered on 2014-09-02 15:45:35