onclick打开子窗口并提交表单

Question

所以我有一个父窗口和子窗口，父窗口中有某种形式，我计划通过从mysql数据库中检索的子窗口传递的值来填充表单，但是每次打开子窗口的按钮单击时都会触发2事件

首先，它打开子窗口
其次，它在父窗口中提交表单

我的问题是为什么第二件事发生了？ 我没有在onclick事件中放置任何代码来提交表单（在父窗口上）

这是我在父窗口中的代码：

<script language="javascript"> 
  function openWindow() { 
    window.open("blabla.php","_blank","height=600,width=400, status=yes,toolbar=no,menubar=no,location=no"); 
  }
</script>
<div class="form-group">
  <label>ID USER</label>
  <div class="input-group">
    <span class="input-group-addon"><span class="glyphicon glyphicon-pencil"></span></span>
    <input type="text" readonly class="form-control" id='idk' name='idk' placeholder="Submit ID User" required="required" />
    <span class="input-group-addon"><button onClick="javascript:openWindow();">Select</button></span>
  </div>
</div>

Answer 1

没有更多信息，我无法回答您的问题。 您需要了解在单击click函数时将触发哪些事件，以将此事件传递给函数。 然后，您可以查看事件对象并确定导致第二个事件被触发的原因。 为此，将事件对象传递到函数中，然后可以对其进行检查。

<script language="javascript"> 
  function openWindow(e) {
    console.log(e);
    window.open("blabla.php","_blank","height=600,width=400, 
    status=yes,toolbar=no,menubar=no,location=no"); 
  }
</script>
<div class="form-group">
  <label>ID USER</label>
  <div class="input-group">
    <span class="input-group-addon"><span class="glyphicon glyphicon-pencil"></span></span>
    <input type="text" readonly class="form-control" id='idk' name='idk' placeholder="Submit ID User" required="required" />
    <span class="input-group-addon"><button onClick="javascript:openWindow(event);">Select</button></span>
  </div>
</div>

根据您提供的有限信息，我不知道您到底想完成什么，所以这是我能为您提供的最好的帮助。 如果您正在使用引导程序，而我看到您正在使用一些引导程序类。 Bootstrap可能会在点击时提交您的表单。 使用e.preventDefault（）可能会停止此行为。