javascript - 如果元素不可见，是否会触发点击事件？

Question

如果您更改元素的可见性 visibility: hidden , 如果用户点击它，点击事件是否仍会触发？

我想“隐藏”一个元素(即 <span> )并禁止触发点击事件，但在文档的正常流程中保留位置。所以display: none;将无法工作，因为它从正常流程中删除了文档，但想知道我在没有实际处理点击事件和使用 preventDefault() 的情况下通过 CSS 的其他选项是什么？

Answer 1

不，它不会在 visibility:hidden 时触发，这是证明:)

jsFiddle

JS

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

CSS

div {
    background-color:red;
    width:100px;
    height:100px;
}

.hidden {
    visibility:hidden
}