Question

我有一个带有3个输入按钮的表单，我想在这些按钮上添加侦听器；但只有提交和重置有效，按钮无效。我不明白怎么了

HTML边

<form id="form_infos">
    <input type="submit" value="Enregistrer" class="btn btn-success" />
    <input type="button" value="Copier" class="btn btn-success" />
    <input type="reset" value="Supprimer" class="btn btn-danger" />
</form>

Js侧

var form_infos = document.getElementById('form_infos');
form_infos.addEventListener('submit', function(e) {
    e.preventDefault();
});

form_infos.addEventListener('button', function(e) {
    e.preventDefault();
});

form_infos.addEventListener('reset', function(e) {
    e.preventDefault();
});

感谢您的帮助。

Answer 1

addEventListener的语法：

document.addEventListener（事件，函数，useCapture）

如您所见，第一个参数是事件，而您指定的按钮不是事件。

Answer 2

因为submit和reset是事件。 button不是事件。

请参考 HTML DOM事件

https://www.w3schools.com/jsref/dom_obj_event.asp

按钮监听器不起作用

2 个答案: