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
}

Answer 2

是隐藏可见性会禁用点击事件。

要使用网络工具包浏览器测试右键单击此页面上的可单击元素，请应用visibility: hidden样式，您将无法单击它。