点击功能JavaScript触发两次

Question

我无法弄清楚为什么＆on;＆＃39; onClick＆＃39;功能触发两次。

我的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

你可能会绑定＆＃34;点击＆＃34;甚至两次。

在$（＆＃34;＃btnSubmit＆＃34;）...指令中加一个断点，看看它是否在那里两次。

否则，请尝试取消绑定，如button onclick function firing twice

所示

最后，如果您处于复杂的环境中，可能还有其他代码会为您处理点击。按照问题评论中的建议尝试 preventDefault 。

Answer 2

工作正常。

＆＃13;

＆＃13;

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

        });

＆＃13;

<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>

＆＃13;

＆＃13;

＆＃13;