Question

通常可以单击details元素以将其打开和关闭。但是，当我将details元素放入button元素时，details元素不再接收任何事件。我试图定义事件捕获，但它们也不会传播到按钮的子元素。

有什么方法可以接收按钮元素的后代中的事件？

function capture() {
  console.log ('capture: ', this);
}

document.getElementById("b").addEventListener('click', capture, true);
document.getElementById("d").addEventListener('click', capture, true);

<details>
  <summary>Hello World!</summary>
  Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque
  laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi
  architecto beatae vitae dicta sunt explicabo.
</details>

<button id="b">
  <details id="d">
    <summary>Hello World!</summary>
    Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque
    laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi
    architecto beatae vitae dicta sunt explicabo.
  </details>
</button>

如何在按钮中启用传播？

0 个答案: