0

要素の可視性を変更したvisibility: hidden場合、ユーザーがクリックした場合でもクリック イベントは発生しますか?

要素 (つまり ) を「非表示」にし<span>、クリック イベントの発生を無効にしたいが、ドキュメントの通常のフローでの位置を保持したい。display: none;通常のフローからドキュメントを削除するため、機能しませんが、クリックイベントを実際に処理して preventDefault() を使用せずに、CSS を介して他のオプションが何であるか疑問に思っていましたか?

4

2 に答える 2

5

いいえ、次の場合は起動しません。これvisibility:hiddenが証拠です:)

jsフィドル

JS

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

CSS

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

.hidden {
    visibility:hidden
}
于 2013-03-29T17:39:01.673 に答える
2

はい、可視性を非表示にすると、クリック イベントが無効になります。

このページのクリック可能な要素を web-kit ブラウザーで右クリックするだけでテストするには、スタイルを適用するvisibility: hiddenとクリックできなくなります。

于 2013-03-29T17:40:51.583 に答える