javascript - preventDefault 并为点击事件监听器传递参数

Question

我想停止按钮的提交事件，但也将参数传递给从点击触发的函数。这是我认为可行的方法:

function NL(line, event){
  event.preventDefault();
  document.getElementsByClassName('new-line')[1].innerHTML=line;
}
document.getElementsByClassName('new-line')[0].addEventListener('click', function(){NL('add new line');});

这是 HTML:

<form class='myform'>
  <div class='form-block'>
    <span class='line'>1</span>
    <button class='new-line'>New Line</button>
    <button class='new-line'>New 2nd Line</button>
  </div>
</form>

我无法更改 HTML，我只能编辑 JS。提前致谢!!!

Answer 1

function NL(line, event) {
  event.preventDefault();
  document.getElementsByClassName('new-line')[1].innerHTML = line;
}
document.getElementsByClassName('new-line')[0].addEventListener('click', function(event) {
  NL('add new line', event);
});

<form class='myform'>
  <div class='form-block'>
    <span class='line'>1</span>
    <button class='new-line'>New Line</button>
    <button class='new-line'>New 2nd Line</button>
  </div>
</form>