前端之家收集整理的这篇文章主要介绍了
CSS:隐藏对象是否可点击?,
前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
如果HTML对象的样式的visibility
属性设置为hidden,它仍然可以点击?
当display属性设置为none时,对象甚至不是DOM树的一部分,因此这不是问题。但我想知道一个隐藏的对象是否仍然响应鼠标事件。
使用display:none它仍然是DOM的一部分。它只是不在视口中呈现。
对于可见性为hidden的元素的点击,事件不会触发。
jsFiddle。
$('div').click(function() {
alert('Hello')
});
div {
width: 100%;
height: 100%;
visibility: hidden;
}
<div>abc</div>
原文链接:https://www.f2er.com/css/221890.html