javascript - 如果元素不可见,会在元素上触发点击事件吗？

Question

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

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

Answer 1

不,它不会开火visibility:hidden,这里是证明:)

的jsfiddle

JS

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

CSS

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

.hidden {
    visibility:hidden
}