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

Если для свойства visibility стиля элемента HTML установлено значение hidden, он все еще доступен для кликов?

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

Ответ 1

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

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

jsFiddle.

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

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

<div>abc</div>

Ответ 2

Нет.

Невозможно щелкнуть элемент, например гиперссылку (и ссылку), если видимость установлена в скрытую. Точно так же события onclick не будут запущены.

Ответ 3

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

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

jsfiddle