禁用div單擊事件

我有<div>具有寬度和高度屬性。我想把<div>放在它上面，所以第一個<div>的點擊事件將不會被註冊。禁用div單擊事件

例如，我有div，當我點擊它時發生了一些事情，但是當我在第一個位置放置第二個<div>時，點擊第一個<div>區域現在將觸發該點擊事件。

<div id="firstDiv" style="width:100px; height:100px">bla bla</div>

如何把另一個<div>在「firstDiv」所以我不能夠改變它的元素？可能嗎？

2012-12-27 Dimitar

這是無效的（不是標準），以具有相同ID的多個HTML元素。我建議你用'class'來代替。 –

這是[XY問題]的一個很好的例子（http://meta.stackexchange.com/questions/66377/what-is-the-xy-problem）。 – JJJ

只是禁止click事件到一個div不要放置多餘的div在它只是利用on()和off()從jQuery的

詳情：ON，OFF

不過，如果你想放置在另一個嘗試使用css positioning和z-index

來源

2012-12-27 14:30:50 Champ

一個很好的方式，我已經看到它做了，並做了mysel f是使用模態'蒙板'覆蓋。

覆蓋整個頁面的灰色透明遮罩，除了與之交互的元素外，例如，模態彈出窗口。

你可以在彈出窗口中做一個迷你版本，並使用CSS z-index將三個非活動div推到它後面。

還有一種方法是使用jQuery BlockUI plugin。

2012-12-27 14:38:32

我個人比較喜歡使用這樣的事情

pointer-events:none;

禁用的點擊事件

2015-09-15 15:40:12 LadBiscuit

回答