javascript - 找到提交表单的按钮

Question

我有这个 javascript:

  $('#new_campaign_update').on('submit', function(event) {
    debugger; 
  });

有没有办法找到提交表单的按钮？

  <%= form.submit 'Publish', class: 'button button-large button-primary accent-black', title: 'Publish this update now' %>

这是我为了提交表单而单击的按钮，我可以在事件中找到它吗？

Answer 1

是的，您可以使用事件的 currentTarget:

const buttons = document.querySelectorAll('input');

buttons.forEach(b => b.addEventListener('click', (e) => {
  console.log(e.currentTarget);
  e.currentTarget.style = "background-color:blue;";
}));

<input type="submit" id="a">
<input type="submit" id="b">
<input type="submit" id="c">
<input type="submit" id="d">