CSS：隐藏的对象是可点击的吗？

如果HTML元素的样式的visibility属性被设置为hidden ，它仍然是可点击的？

当display属性设置为none ，元素甚至不是DOM树的一部分，所以这不是问题。 但我想知道如果一个hidden元素仍然响应鼠标事件。

Answer 1

使用display: none它仍然是DOM的一部分。 它只是不在视口中呈现。

至于点击元素的visibility: hidden ，事件不会被解雇。

jsFiddle 。

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

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

 <div>abc</div> 

Answer 2

没有。

如果将可见性设置为隐藏，则无法单击超链接等元素（以及后面的链接）。 同样，onclick事件也不会被解雇。

Answer 3

使div隐藏或显示都不会让用户无法点击。 但实际上它仍然是一个DOM元素，你可以用另一个Java脚本/ jQuery这样点击它。

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

的jsfiddle