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

Question

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

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

score 5 · Accepted Answer

不，它不会触发visibility:hidden，这里有证据:)

JS

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

CSS

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

.hidden {
    visibility:hidden
}

score 2 · Accepted Answer

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

要使用 web-kit 浏览器测试在此页面上的可点击元素，应用样式，visibility: hidden您将无法点击它。

2 回答 2