CSS: скрытый объект кликабелен?

Question

Если для свойства visibility стиля элемента HTML установлено значение hidden, можно ли по-прежнему нажимать на него?

Когда для свойства display установлено значение none, элементдаже не часть дерева DOM, так что это не проблема.Но мне было интересно, реагирует ли элемент hidden на события мыши.

Answer 1

С display: none это является все еще частью DOM. Он просто не отображается в окне просмотра.

Что касается кликов по элементам с visibility: hidden, то события не инициируются.

jsFiddle .

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

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

<div>abc</div>

Answer 2

Делая div скрытым или не отображая ничего, просто делает его недоступным для пользователя. Но в действительности это все еще элемент в dom, и вы можете щелкнуть по нему с помощью другого java-скрипта / jquery, подобного этому.

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

jsfiddle

Answer 3

Нет.

Элемент, такой как гиперссылка, нельзя щелкнуть (и перейти по ссылке), если видимость установлена ​​на скрытый.Аналогично, события onclick не будут запускаться.