禁用div单击事件

Question

我有<div>的宽度和高度属性。我想将<div>放在上面，因此第一个<div>的点击事件将不再被注册。

例如，我有div，当我点击它时会发生一些事情，但当我将第二个<div>放在第一个<div>上时，点击第一个<div id="firstDiv" style="width:100px; height:100px">bla bla</div> 区域现在将再触发该点击事件

<div>

如何将另一个{{1}}放在“firstDiv”上，以便我无法更改其元素？有可能吗？

Answer 1

只是禁用点击事件到div不要在它上面添加额外的div只需使用jQuery中的on()和off()

详细信息： ON，OFF

如果您想使用css positioning和z-index

将div放在另一次尝试上

Answer 2

我看到它完成的一种很好的方式，并且我自己完成的是使用模态'遮罩'叠加。

覆盖整个页面的灰色透明蒙版，除了您正在与之交互的元素，例如。模态弹出窗口。

你可以在弹出窗口中做一个迷你版本，用CSS z-index推送它背后的三个非活动div。

另一种方法是使用jQuery BlockUI plugin。

Answer 3

我个人喜欢使用类似的东西

pointer-events:none;

禁用点击事件