Question

我正在开发一个应用程序，在该应用程序中，我需要一个事件监听器来克隆一些具有相同属性的容器。单击后，我想接收容器的ID，因此可以执行一个函数。例如，html容器就是这样的：

<div id="myContainer" class="col">
        <p class="bullet-right">&#9673</p>
        <p class="bullet-left">&#9673</p>
        <a href="#" class="color-picker"><i class="fas fa-palette color-inpust"></i></a>
        <input class="box main-title center-align" type="text" value="Enter title here">
    </div>

<div id="myContainer2" class="col">
        <p class="bullet-right">&#9673</p>
        <p class="bullet-left">&#9673</p>
        <a href="#" class="color-picker"><i class="fas fa-palette color-inpust"></i></a>
        <input class="box main-title center-align" type="text" value="Enter title here">
    </div>

只有ID名称不同。因此，在定位常规事件监听器时，例如：

$(window).mousedown(function(e){

或

$('body > div').mousedown(function(e){

我可以使用e.target.id，但是如果单击是在容器内的某个类上，则需要使用e.target.parentElement.id进行跟踪，并且变得不灵活。有没有一种整洁的方法来访问冒泡的树并专门查找ID名称“ myContainer”？例如

我还尝试使用$（window）.get（0）.addEventListener（“ mouseup”，function（e）{ 但是event.target.id始终指向确切点击的元素。

预先感谢

有没有办法访问事件冒泡树？

0 个答案: