jquery - 如何使用 jQuery 防止双击？

Question

我有一个这样的按钮:

<input type="submit" id="submit" value="Save" />

在 jQuery 中，我使用以下内容，但它仍然允许双击:

<script type="text/javascript">

$(document).ready(function () {

    $("#submit").one('click', function (event) {  

知道如何防止双击吗？

Answer 1

jQuery 的 one()将为每个绑定(bind)的元素触发一次附加的事件处理程序，然后删除该事件处理程序。

如果由于某种原因不能满足要求，也可以在单击按钮后完全禁用该按钮。

$(document).ready(function () {
     $("#submit").one('click', function (event) {  
           event.preventDefault();
           //do something
           $(this).prop('disabled', true);
     });
});

应该注意的是，使用 ID submit 可能会导致问题，因为它会使用对该元素的引用覆盖 form.submit 函数。