如何防止使用jQuery双击?

前端之家收集整理的这篇文章主要介绍了如何防止使用jQuery双击?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个按钮:
<input type="submit" id="submit" value="Save" />

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

<script type="text/javascript">

$(document).ready(function () {

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

任何想法,如何我可以防止双击?

解决方法

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

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

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

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

原文链接:https://www.f2er.com/jquery/184363.html

猜你在找的jQuery相关文章