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