css - CSS: 非表示のオブジェクトはクリック可能ですか?

Question

HTML 要素のスタイルのvisibilityプロパティがに設定されてhiddenいる場合でも、クリック可能ですか?

displayプロパティがに設定されている場合none、要素は DOM ツリーの一部でさえないため、問題にはなりません。しかし、hidden要素がまだマウスイベントに応答するかどうか疑問に思っていました.

score 87 · Accepted Answer

display: noneそれはまだDOMの一部です。ビューポートでレンダリングされないだけです。

の付いた要素をクリックしてvisibility: hiddenも、イベントは発生しません。

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

div {
    width: 100%;
    height: 100%;
    visibility: hidden; 
}

<div>abc</div>

score 6 · Accepted Answer

いいえ。

可視性が非表示に設定されている場合、ハイパーリンクなどの要素をクリックする (およびリンクをたどる) ことはできません。同様に、onclick イベントは発生しません。

5 に答える 5