CSS：隐藏对象是否可单击？

一尘不染

css

如果visibilityHTML元素样式的属性设置为hidden，它是否仍可单击？

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

阅读 289

2020-05-16

共1个答案

一尘不染

随着display: none它是仍然DOM的一部分。只是没有在视口中渲染。

至于点击元素visibility: hidden，则不会触发事件。

$('div').click(function() {

    alert('Hello')

});


div {

    width: 100%;

    height: 100%;

    visibility: hidden;

}


<div>abc</div>

2020-05-16