按钮禁止

博客内容展示了一段jQuery代码,通过`attr`方法将`submit`按钮的`disabled`属性设置为`disabled`,实现禁用提交按钮的功能,体现了jQuery在前端交互中的应用。
$("#submit").attr({"disabled":"disabled"});
在不同的开发场景中,使原生按钮禁止点击有不同的实现方法。 ### JavaScript 实现 在 JavaScript 里,可以添加一个开关变量来控制按钮的点击操作。默认开关为 `true`,首次点击时将其变为 `false`,点击事件执行前先判断开关状态,为 `true` 则执行,为 `false` 则不执行。示例代码如下: ```javascript var isclick = true; function click() { if (isclick) { isclick = false; // 这里添加需要执行的事件 } } ``` 在涉及后台交互的按钮场景中,可结合异步请求和状态判断实现。首次点击正常提交请求,在后台请求未返回时,若用户再次点击,给出提示。请求返回后,可根据业务需求再次执行。示例代码如下: ```html <button id="subBtn">确认转账</button> ``` ```javascript var boo = true; $("#subBtn").click(function () { // 异步更新 boo 为 false,但此处不会立即执行 setTimeout(function () { boo = false; }, 0); if (boo) { $("#subBtn").addClass("disabledStyle"); $.ajax({ type: "post", url: '请求地址', contentType: '', data: '', dataType: '', success: function (data) { boo = true; $("#subBtn").removeClass("disabledStyle"); }, error: function () { boo = true; $("#subBtn").removeClass("disabledStyle"); } }); } else { alert("正在提交请稍等..."); } }); ``` ### Android 实现 在 Android 原生开发中,可编写一个工具类来控制按钮短时间内的连续点击。示例代码如下: ```java package com.test.utils; public class ClickUtils { // 两次点击按钮之间的点击间隔不能少于 1500 毫秒 public static int MIN_CLICK_DELAY_TIME = 1500; private static long lastClickTime; public synchronized static boolean isFastClick() { boolean flag = false; long curClickTime = System.currentTimeMillis(); if ((curClickTime - lastClickTime) >= MIN_CLICK_DELAY_TIME) { flag = true; } lastClickTime = curClickTime; return flag; } public synchronized static boolean isFastClick(int time) { MIN_CLICK_DELAY_TIME = time; boolean flag = false; long curClickTime = System.currentTimeMillis(); if ((curClickTime - lastClickTime) >= MIN_CLICK_DELAY_TIME) { flag = true; } lastClickTime = curClickTime; return flag; } } ```
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值