CSS: un objet caché est-il cliquable?

Question

Si la propriété visibility du style d'un élément HTML est définie sur hidden, est-elle 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épond toujours aux événements de la souris.

Answer 1

Avec display: none il fait toujours partie du DOM. Il n'est tout simplement pas rendu dans la fenêtre.

Quant aux 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; 
}

<div>abc</div>

Answer 2

Rendre div masqué ou afficher aucun ne le rend pas cliquable pour l'utilisateur. Mais en réalité, c'est toujours un élément dans dom et vous pouvez cliquer dessus avec un autre Java script/jquery comme celui-ci.

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

jsfiddle

Answer 3

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 masqué. De même, les événements onclick ne seront pas déclenchés.