javascript - jQuery：通过css-selector注册的事件的优先级？

Question

我尝试为删除之类的链接构建一个小而灵活的点击处理程序。这个处理程序应该通过 css-class-selector 注册。

<a href="#" class="confirm-delete">delete</a>

<script>
$(document).on('click', '.confirm-delete', function() {
    return window.confirm('sure?');
});
</script>

到目前为止效果很好。但真正的动作也应该通过选择器注册。

<a href="confirm-delete delete">delete</a>

现在我的事件优先级有点问题，因为删除事件将首先处理，然后确认。

有没有办法更好地控制事件的触发顺序？

Answer 1

如果您希望在删除操作之前运行确认，请尝试以下操作：

<a href="#" class="confirm-delete">delete</a>

<script >
  $(document).on('click', '.confirm-delete', function (event) {
      event.preventDefault();
      if (window.confirm('sure?')) {
          // do your action here
      }
  });
</script>