Question

当我在chrome扩展程序弹出窗口中向div添加文本时，文本会显示不到一秒钟，然后会立即再次消失。

这是一个小例子：

<html>
  <head>
    <script>
      function show() {
        var newName = document.showMe.textToShow.value;
        var txt = document.createTextNode(newName);
        document.getElementById("feedback").appendChild(txt);
      }
    </script>
  </head>
  <body>
    <form name="showMe">
      Name: <input type="text" name="textToShow" /><br />
      <input type="submit" value="Show" OnClick="show()" />
    </form>
    <div id="feedback"></div>
  </body>
</html>

我做错了什么？

谢谢，

米尔。

Answer 1

它可以工作，但随后表单会被提交。你必须禁止像这样发送表格

<input type="submit" value="Show" OnClick="show(); return false" />

或使用按钮：

<button type="button" onclick="show()">Show</button>

附加文字立即消失

1 个答案: