Javascript 如何停止刷新提交按钮?

Javascript 如何停止刷新提交按钮?,javascript,Javascript,我有一个项目要做,它是从udacity像素艺术制作人 问题是,当我按下submit时,它会刷新整个页面,但我希望它停止刷新并完成他的工作 我该怎么办 这是我的JavaScript代码(注意:我还没有完成): document.getElementById(“sizePicker”).onsubmit=function(e){ sizePicker.addEventListener(“提交”,函数(e){ var rows=document.getElementById(“inputHeight”

我有一个项目要做,它是从udacity像素艺术制作人

问题是,当我按下submit时,它会刷新整个页面,但我希望它停止刷新并完成他的工作

我该怎么办

这是我的JavaScript代码(注意:我还没有完成):

document.getElementById(“sizePicker”).onsubmit=function(e){
sizePicker.addEventListener(“提交”,函数(e){
var rows=document.getElementById(“inputHeight”).value;
var cols=document.getElementById(“inputWidth”).value;
生成网格(行、列);
});
}
函数makeGrid(e){
let table=document.getElementById(“像素画布”);

对于(k=0;k您只需要添加e.preventDefault()


在下面添加submit listener;

我不明白您要我做什么,但我有e.PreventDefault,然后您提交的listener不工作。这可能是原因。
document.getElementById(“sizePicker”).onsubmit=function(e){
add console log查看它是否触发。从我的观点来看,您不需要这个部分,只需将eventListener放在代码中,而不使用wrap。
sizePicker.addEventListener("submit",function(e){
  e.preventDefault();