CSS: Un object caché est-il cliquable?

Si la propriété de visibility du style d’un élément HTML est définie sur hidden , est-il toujours cliquable?

Lorsque la propriété display est définie sur none , l’élément ne fait même pas partie de l’arborescence DOM, ce n’est donc pas un problème. Mais je me demandais si un élément hidden répondait toujours aux événements de la souris.

Avec display: none il fait toujours partie du DOM. Il n’est juste pas rendu dans la fenêtre d’affichage.

Comme pour les clics sur les éléments avec visibility: hidden , les événements ne sont pas déclenchés.

jsfiddle .

 $('div').click(function() { alert('Hello') }); 
 div { width: 100%; height: 100%; visibility: hidden; } 
 
abc

Non.

Un élément tel qu’un lien hypertexte ne peut pas être cliqué (et le lien suivi) si la visibilité est définie sur caché. De même, les événements onclick ne seront pas déclenchés.

Si vous divisez ou affichez div, rien ne le rend plus cliquable pour l’utilisateur. Mais en réalité c’est toujours un élément dans dom et vous pouvez cliquer dessus avec un autre script / jquery Java comme celui-ci.

 $('div').click(function() { alert('Hello') }); $('div').click(); 

jsfiddle entrer la description de l'image ici