在表单提交事件监听器中执行回调

Pure Javascript - Perform callback in form submit eventlistener

本文关键字：执行 回调 监听器 表单提交 事件      更新时间：2023-09-26

我使用以下代码将事件侦听器附加到表单提交。我想调用的函数是'callback'。事情是这样的:我不明白我应该如何将参数传递给函数(应该是'event'参数吗?)

if(form.addEventListener){
    form.addEventListener('submit', interrupt, false);  
}else if(form.attachEvent){
    form.attachEvent('onsubmit', interrupt);            
} 
function interrupt(event){
    //deal with form submission here
}
//OR  (???)
interrupt = function(event){
    //deal with form submission here
}

我知道这个问题可能看起来很基本，但是我真的不明白它应该如何工作…

运行此示例并查找浏览器控制台。当绑定动态事件时，事件被注入。为此，函数调用必须接收第一个参数

var input = document.getElementById('ipTest');
if(input.addEventListener){
    input.addEventListener('click', interrupt, false);  
}else if(input.attachEvent){
    input.attachEvent('onclick', interrupt);            
} 
function interrupt(event){
    console.log("Event: " + event);
}
<input type="button" value="Test" id="ipTest"/>

相关文章：