javascript - HTML Onclick 事件仅适用于 # anchor 标记

Question

当我尝试使用以下代码调用此页面的函数时。我似乎只是刷新页面并没有调用脚本。

    <form role="search" name="locationForm">
      <div class="form-group">
        <input id="locationInput" type="text" class="form-control" placeholder="Search">
      </div>
      <button class="btn btn-primary btn-lg" type="submit" onclick="start();">Submit</button>
    </form>

如果我在网址末尾添加“#”，重新加载页面，则 onlcick 事件将按预期工作。

据我所知，这些是 anchor 标记，我不知道为什么在调用函数时需要它们。

我该如何纠正这个问题？因为我不想使用 #。

Answer 1

您正在使用一个 button 元素，单击该元素的默认行为会提交其父表单。 return false 将阻止表单提交:

<button class="btn btn-primary btn-lg" type="submit" onclick="start(); return false;">Submit</button>