CSS：非表示のオブジェクトはクリック可能ですか？

Question

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

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

Answer 1

display: noneでは、itisはまだDOMの一部です。ビューポートではレンダリングされません。

visibility: hiddenの要素をクリックすると、イベントはnot発生します。

jsFiddle 。

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

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

<div>abc</div>

Answer 2

Divを非表示または表示なしにすると、ユーザーはクリックできなくなります。しかし、実際にはまだdomの要素であり、別のJavaこのようなscript/jqueryでクリックできます。

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

jsfiddle

Answer 3

番号。

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