Question

我有一个项目要做，它是udacity的像素艺术制作者。

问题是当我按“提交”时，它会刷新整个页面，但是我希望它停止刷新并完成他的工作。

我该怎么办？

这是我的JavaScript代码（注意：我尚未完成）：

document.getElementById("sizePicker").onsubmit=function(e){
  sizePicker.addEventListener("submit",function(e){
    var rows=document.getElementById("inputHeight").value;
    var cols=document.getElementById("inputWidth").value;
    makeGrid(rows,cols);
  });
}
function makeGrid(e){
  let table=document.getElementById("pixelCanvas");
  for (let k=0; k<=rows; k++){
    grid+="<tr>";
    for (let u=0; u<=cols; u++){
      grid+="<td></td>";
    }
    grid+="</tr>";
  }
}

Answer 1

您只需要添加e.preventDefault（）。

sizePicker.addEventListener("submit",function(e){
  e.preventDefault();

在提交侦听器下方添加；

如何停止提交按钮刷新？

1 个答案: