img - CSS: ¿se puede hacer clic en un objeto oculto?

title html

Question

Si la propiedad de visibility del estilo de un elemento HTML está configurada como hidden , ¿aún se puede hacer clic en ella?

Cuando la propiedad de display está configurada en none , el elemento ni siquiera forma parte del árbol DOM, por lo que no es un problema. Pero me preguntaba si un elemento hidden todavía responde a los eventos del mouse.

Answer 1

Al hacer que div esté oculto o mostrar ninguno, solo hace que el usuario pueda hacer clic en él. Pero en realidad sigue siendo un elemento en dom y puedes hacer clic en él con otro script java / jquery como este.

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

jsfiddle

Answer 2

Con display: none , todavía es parte del DOM. Simplemente no se representa en la ventana gráfica.

En cuanto a los clics en elementos con visibility: hidden , los eventos no se activan.

jsFiddle .

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

div {
    width: 100%;
    height: 100%;
    visibility: hidden; 
}

<div>abc</div>

Answer 3

No.

No se puede hacer clic en un elemento como un hipervínculo (y se sigue el enlace) si la visibilidad está configurada como oculta. Del mismo modo, los eventos onclick no se dispararán.