Javascript 单击事件侦听器的preventDefault和pass参数
我想停止按钮的提交事件,但也要将一个参数传递到一个通过单击触发的函数中。以下是我认为可行的方法:Javascript 单击事件侦听器的preventDefault和pass参数,javascript,html,Javascript,Html,我想停止按钮的提交事件,但也要将一个参数传递到一个通过单击触发的函数中。以下是我认为可行的方法: function NL(line, event){ event.preventDefault(); document.getElementsByClassName('new-line')[1].innerHTML=line; } document.getElementsByClassName('new-line')[0].addEventListener('click', function(
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');});
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);
});
以下是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>
1.
新线
新二线
我不能更改HTML,我只能编辑JS。提前感谢
函数NL(行、事件){
event.preventDefault();
document.getElementsByClassName('new-line')[1].innerHTML=line;
}
document.getElementsByClassName('new-line')[0]。addEventListener('click',函数(事件){
NL(“添加新行”,事件);
});代码>
1.
新线
新二线
您的函数接受两个参数函数NL(行,事件){…}
但您只使用一个参数NL('add new line')调用它代码>
您没有将事件发送到NL函数
这应该起作用:
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');});
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);
});
使用addEventlistener()
函数NL(行、事件){
event.preventDefault();
document.getElementsByClassName('new-line')[1].innerHTML=line;
}
document.getElementsByClassName('new-line')[0].addEventListener('click',function(){NL('add new-line',event);})代码>
以下是HTML:
1.
新线
新二线
你是最棒的!非常感谢。