你的浏览器禁用了JavaScript, 请开启后刷新浏览器获得更好的体验!

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

| 如果将HTML元素样式的ѭ0属性设置为hidden，它是否仍可单击？当display属性设置为none时，该元素甚至都不是DOM树的一部分，因此这不是问题。但是我想知道ѭ1元素是否仍然对鼠标事件做出响应。

已邀请:

3 个回复

使用display: none仍然是DOM的一部分。它只是不显示在视口中。至于点击带有“ 6”的元素，则不会触发事件。 jsFiddle。

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

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

<div>abc</div>

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

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

jsfiddle

没有。如果可见性设置为隐藏，则无法单击诸如超链接之类的元素（并单击链接）。同样，不会触发onclick事件。

要回复问题请先登录或注册