lit-html：如何仅点击源元素而不是子元素的点击

Question

我有一个模板：

        <button 
        data-action="acknowledge"
        @click="${setCommentStatus}"
        type="button" 
        class="btn">
            <span class="text-dark">
              <i class="icon-foobar"></i>Foobar
            </span>
        </button>

问题是，当单击子元素时，它们触发setCommentStatus函数，是否可以通过单击setCommentStatus函数的实际元素（而不是子元素）来监听。

const setCommentStatus = {
  handleEvent(e) {
    const action = e.target.getAttribute('data-action');
    console.log('action', action);
  },
  capture: true
};

Answer 1

通过使用e.currentTarget而不是e.target可以实现

const action = e.currentTarget.getAttribute('data-action');
console.log('action', action);