javascript+;preventDefault和stopPropagation在addEventListener中不工作

javascript+;preventDefault和stopPropagation在addEventListener中不工作,javascript,addeventlistener,Javascript,Addeventlistener,我有表单,正在使用addEventListener进行表单提交,我正在尝试在表单提交后停止页面加载 注意:我想使用addEventListener函数 var test=document.querySelector('.submit'); test.addEventListener('click',check函数); 函数检查函数(){ 控制台日志(测试); 这个.preventDefault(); 这个; } 您需要使用事件而不是此,其中事件指传递给回调函数的事件参数。在您的情况下,此仅指提

我有表单,正在使用addEventListener进行表单提交,我正在尝试在表单提交后停止页面加载

注意:我想使用addEventListener函数

var test=document.querySelector('.submit');
test.addEventListener('click',check函数);
函数检查函数(){
控制台日志(测试);
这个.preventDefault();
这个;
}

您需要使用
事件
而不是
,其中
事件
指传递给回调函数的事件参数。在您的情况下,
仅指提交按钮

JSFiddle


打开控制台以比较
e
(事件)和
此事件

您可以添加
事件
而不是
此事件
,并且可以:

var test = document.querySelector('.submit');
test.addEventListener('click', checkFunction);

function checkFunction (event){
    event.preventDefault();
    event.stopPropagation();

    console.log(event);
}

我希望能帮助你。

为什么你在stopPropagation前后都有一个“`”?@PaulFitzgerald很可能是因为这篇文章的格式。你为什么要在stopPropagation()前后加上“`”