CSS: ¿Se puede hacer clic en un objeto oculto?

Question

CSS: ¿Se puede hacer clic en un objeto oculto?

Si la propiedad visibility del estilo de un elemento HTML se establece en hidden, ¿todavía se puede hacer clic en ella?

Cuando la propiedad display se establece en none, el elemento ni siquiera es 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 ratón.

45

css visibility display

Author: Dasar Gashi, 2011-04-14

Source

3 answers

No.

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

4

Author: ADW,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 61
2011-04-14 06:58:00

Hacer div oculto o mostrar ninguno solo hace que no se pueda hacer clic para el usuario. Pero en realidad sigue siendo un elemento en dom y puede hacer clic en él con otro java script / jquery como este.

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

Jsfiddle

3

Author: Jin Thakur,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 61
2017-09-18 18:01:54

score 58 · Accepted Answer

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

En cuanto a los clics en elementos con visibility: hidden, los eventos son no disparados.

JsFiddle .

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

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

<div>abc</div>