onclick打開子窗口並提交表格

所以我有一個父窗口和子窗口父窗口中有一些窗體，我打算填寫窗體的值從子窗口傳遞從MySQL數據庫檢索但每個時間按鈕，打開孩子們窗口中單擊它觸發2事件onclick打開子窗口並提交表格

第一，它打開了孩子們窗口
第二，它提交表單的父窗口

我的問題是爲什麼第二次事件發生？我沒有把任何代碼提交表單（上父窗口）在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>

來源

2017-11-04 xcloox

我不能沒有再回答你的問題信息。你需要了解什麼事件正在被觸發，當你點擊功能被調用時纔會將事件傳遞給你的函數。然後，您可以看到事件對象並確定導致第二個事件被觸發的原因。爲此，將事件對象傳遞給你的函數，然後你可以檢查它。

<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（）可能會停止此行爲。

來源

2017-11-04 04:10:03 mbrimmer

我可以提供哪些其他信息使我的問題更清晰？ – xcloox

onclick打開子窗口並提交表格

回答

相關問題