Désactiver tous les contrôles de la page en utilisant jquery

Question

Comment désactiver tous les contrôles (boutons, ancrage, zone de texte, ...) dans la page en utilisant jquery. J'ai besoin de cela pour montrer un aperçu d'une page, dans laquelle je ne veux pas que l'utilisateur clique sur quelque chose.

Answer 1

$("#id_button").attr("disabled","disabled"); 

ou

$(".class_buttons").attr("disabled","disabled"); 

ou

$(":input").attr("disabled","disabled"); 

Answer 2

Cela peut fonctionner:

$(document).click(function(evt){ evt.preventDefault; }); 

Answer 3

La meilleure façon sera de montrer un div au-dessus de tous les autres éléments. Faites en sorte que l'ordre d'empilement de cette div soit le plus élevé dans le document afin qu'aucun clic ne soit effectué sur d'autres éléments.

Specifying the stack level: the 'z-index' property