0

我有<div>宽度和高度属性。我想把<div>它放过去，这样第一个的点击事件<div>就不会再注册了。

例如，我有 div 并且当我单击它时发生了一些事情，但是当我将第二个<div>放在第一个上时，单击第一个<div>区域现在将不再触发该单击事件。

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

如何将另一个<div>放在“firstDiv”上，这样我将无法更改其元素？是否可以？

4

3 回答 3

4

只是为了禁用一个 div 的点击事件不要在它上面放置额外的 div 只是使用on()和off()来自 jQuery

详细信息： 开、关

仍然如果您想将一个 div 放在另一个上，请尝试使用css 定位和z-index

于 2012-12-27T14:30:50.400 回答
2

我已经看到它完成并自己完成的一个好方法是使用模态“掩码”覆盖。

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

你可以在弹出窗口中做一个迷你版，然后用 CSS z-index 将三个非活动 div 推到它后面。

另一种方法是使用jQuery BlockUI 插件。

于 2012-12-27T14:38:32.753 回答
1

我个人喜欢使用这样的东西

pointer-events:none;

禁用点击事件

于 2015-09-15T15:40:12.860 回答