Javascript-绑定到另一个元素后面的元素？

假设我有两个div：

<div id="container1"></div>
<div id="container2"></div>

并假设两个

分区

具有相同的宽度和高度，并且彼此位于顶部，

#container2

位于另一个分区的顶部（即

#container2

的

z-index

更高）

是否绝对有必要将鼠标绑定到下面的元素（

#container1

）上

我这样问是因为在我的情况下，

#container2

部分阻止了

#container1

；所以在没有重叠的地方，绑定没有问题，但是当有重叠的时候，我就不能绑定

编辑

---

具体来说，

#container1

是时间线，

#container2

是一项特定任务，从上午9:00开始，一直到凌晨12:00。我希望能够将任务拖到其他时间。因此，我想绑定到时间轴（

#container1

）。

您可以向元素添加

指针事件：none

#container2 {
    z-index:2;
    pointer-events:none;
}

-尝试突出显示文本，您可以浏览元素

#container2 {
    z-index:2;
    pointer-events:none;
}

---

只需考虑其他用途上方的div。

css
    #a{
        pointer-events:none;
    }



<div id='a'>on top</div>
<div id='b'>under</div>

css
#a{
指针事件：无；
}
最上面
在下面

---

他们总是高高在上？您可以将鼠标事件绑定到

container2

，但让函数操纵

container1

？请阅读我在主帖子上的编辑。您是否解决了此问题？问题是我需要能够拖动

#container2

。所以如果我加上那个属性，我就永远抓不到它。我试图创建另一个类，在

dragstart

时将其添加到元素中。这在Firefox中有效，但在chrome中无效