單擊功能JavaScript觸發兩次

Question

我不知道為什么“ onClick”功能觸發了兩次。

我的html代碼：

  <div class="form-actions right1">
        <button type="button" id="btnCancel" class="btn default">
            Cancel
        </button>
        <button type="submit" id="btnSubmit" class="btn blue">
            Submit
        </button>
    </div>

腳本在這里：

 $("#btnSubmit").on("click",function () {
            debugger;
            alert("Click");
            CreateOfficeTypeManager.SaveOfficeType();

        });

Answer 1

您甚至可以綁定兩次“單擊”。

在您的$（“＃btnSubmit”）...指令中放置一個斷點，然后查看它是否兩次執行 。

否則，請嘗試解除綁定 ，如下所示： 按鈕onclick函數觸發兩次

最后，如果您處於復雜的環境中，可能還有其他代碼可以為您處理點擊。 嘗試按照問題注釋中的建議進行preventDefault 。

Answer 2

工作正常。

  $("#btnSubmit").on("click",function () { debugger; alert("Click"); }); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script> <div class="form-actions right1"> <button type="button" id="btnCancel" class="btn default"> Cancel </button> <button type="submit" id="btnSubmit" class="btn blue"> Submit </button> </div>