CSS:隐藏的对象是否可点击？

Question

如果visibilityHTML元素样式的属性设置为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

将div隐藏或不显示只会使用户无法点击。但实际上，它仍然是dom中的一个元素，您可以使用另一个Java脚本/ jquery这样单击它。

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

jsfiddle

Answer 3

没有.

如果可见性设置为隐藏,则无法单击(例如,链接后的链接)等元素.同样,不会触发onclick事件.