CSS：隱藏的對象是否可點擊？

如果HTML元素樣式的visibility屬性設置爲hidden，它仍然是可點擊的嗎？CSS：隱藏的對象是否可點擊？

當display屬性設置爲none時，元素甚至不是DOM樹的一部分，所以這不是問題。但我想知道hidden元素是否仍然響應鼠標事件。

2011-04-14 euphoria83

它完全從要素流取出，但我不知道這是否是取出DOM樹...... – BoltClock 2011-04-14 06:49:35

你是不是完全正確「顯示：無」。帶有「display：none」的對象仍然是DOM樹的一部分（例如，您可以通過jQuery找到它），但它不是可視化樹的一部分。 – 2015-02-20 01:36:15

如果你想讓對象可點擊，你可以使用「不透明」。 – 2018-02-02 13:10:38

With display: none it is仍然是DOM的一部分。它只是不在視口中呈現。

至於點擊元素visibility: hidden，事件是而不是發射。

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

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

<div>abc</div>

2011-04-14 06:48:49 alex

是的，我應該先測試... – BoltClock 2011-04-14 06:51:05

@BoltClock我不知道它會走哪條路，但我有一種感覺，它不會工作:) – alex 2011-04-14 06:51:41

謝謝。此外，+1引用jsfiddle。 – euphoria83 2011-04-14 07:36:06

號

的元件如超鏈接不能點擊（和連桿跟隨），如果可見性設置爲隱藏。同樣，onclick事件不會被解僱。

2011-04-14 06:58:00 ADW

讓div隱藏或顯示none只會讓用戶無法點擊。但實際上它仍然是dom中的一個元素，你可以用另一個java腳本/ jquery這樣來點擊它。

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

2017-09-18 18:01:54

回答