javascript - 如何使用 Javascript 阻止文本出现然后在一秒钟后消失？

Question

我正在尝试使用

让文本显示在 div 中

  function frenchBread(){
      var div = document.getElementById("orderBox");

      div.innerHTML = div.innerHTML + "French Bread";
  }   

我已经创建了一个 inpute type = image，它将使用这个函数和一个 onclick 事件。它有效，但是，文本在 div 中显示一秒钟然后消失。我不确定这个问题是否与这个 div 也在表内有关。抱歉，我是 javascript 和 html 的新手。

      <td>
        <div class = "order">
          <p>Your Order:</p>
          <p id = "orderBox"></p>
        </div>
      </td>

上面是表格中div所在的部分。

<input type = "image" class = "items" src ="FrenchBread.png" value = "frenchBread" onclick = "frenchBread()">

上面是我调用函数的地方。

Answer 1

图像输入是服务器端图像映射。单击它将提交它所在的表单。这将导致加载新页面。

改用按钮。

<button type="button" onclick="..."><img ...></button>

根据需要应用 CSS 删除任何边框和背景颜色。