Javascript 禁用div单击事件

Javascript 禁用div单击事件,javascript,jquery,html,Javascript,Jquery,Html,我有宽度和高度属性。我想把它,所以第一次点击事件将不再注册 例如,我有一个div,当我点击它时,有事情发生了,但是当我把第二个放在第一个上面时,点击第一个区域将触发点击事件 <div id="firstDiv" style="width:100px; height:100px">bla bla</div> 如何将另一个放置在firstDiv之上,以便我无法更改其元素?有可能吗?只需禁用对div的单击事件,不要在其上放置额外的div,只需使用jQuery中的“开”和“关”

我有宽度和高度属性。我想把它,所以第一次点击事件将不再注册

例如,我有一个div,当我点击它时,有事情发生了,但是当我把第二个放在第一个上面时,点击第一个区域将触发点击事件

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

如何将另一个放置在firstDiv之上,以便我无法更改其元素?有可能吗?

只需禁用对div的单击事件,不要在其上放置额外的div,只需使用jQuery中的“开”和“关”

详情:


不过,如果你想把一个div放在另一个div上,试着使用and

我见过的一种很好的方法,我自己也做过,就是使用一个模态“mask”覆盖

覆盖整个页面的灰显透明遮罩,与之交互的元素除外,例如模式弹出窗口

您可以在弹出窗口中创建一个小版本,并使用cssz-index将三个非活动div推到后面


还有一种方法是使用。

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

pointer-events:none;

禁用的单击事件

具有相同id的多个html元素不是标准的做法。我建议您改用类。这是一个很好的示例。