如何在事件的组合路径中选择具有名称的第一个索引

Question

我有一个触发事件的按钮，我想捕获其名为类别的custom data property。

单击按钮中心时，按钮为index 2，而按钮边缘为index 0。我已经在这两种情况下进行了硬编码，但是希望有一个更通用的解决方案来说明任何HTML组成。

由于按钮始终是composedPath()数组中同类按钮中的第一个，因此我想在name = 'paper-button'处找到第一个索引。

function scrolling(e) {
  // console.log(e.composedPath().contains('paper-button'));
  // console.log(e.composedPath().indexOf('paper-button'));
}

最终，我想选择类似的

e.composedPath()[0].dataset.category

0是paper-button的索引。

将在此数组中找到第一个paper-button索引的一般解决方案是什么？