按钮点击事件的禁用和启动

一、html按钮标签代码。

<div class="btnBox"><a href="#" style="background-color: #7097f9" id="btnB" οnclick="change()">立即兑换</a>
</div>

二、按钮停用的点击事件（一下均可）。

1.$("#btnBox").addClass("disable");2.$("#btnB").attr("disabled", true).css("pointer-events", "none");3.$('#btnB').removeAttr('href');//去掉a标签中的href属性。4.$('#btnB').removeAttr('onclick');//去掉a标签中的onclick事件。5.document.getElementById("btnB").disabled = "true";var obj = document.getElementById("btnB");obj.style.backgroundColor = "#dddcdc";//按钮颜色置灰

三、10秒钟之后启动。

// 10秒后启用点击事件
setTimeout(function(){
//$(".btnBox").removeClass("disable");
$(".btnBox").removeAttr("disabled");
},10000);

四、代码展示。

function change() {// 禁用点击事件//$("#btnBox").addClass("disable");$("#btnB").attr("disabled", true).css("pointer-events", "none");$('#btnB').removeAttr('href');//去掉a标签中的href属性$('#btnB').removeAttr('onclick');//去掉a标签中的onclick事件document.getElementById("btnB").disabled = "true";var obj = document.getElementById("btnB");obj.style.backgroundColor = "#dddcdc";//按钮颜色置灰$.ajax({url: 后端地址,data: {往后端传的值},type: 'post',//传送方式dataType: "json",//传送的数据类型success: function (data) {var orderId = data.obj;if (data.success == true) {//如果返回来的信息说明提交的信息为正确的window.location.href = 需要跳转的地址+需要传输的数据。//正确登录后页面跳转至} else {//错误信息弹窗提示。}}});}// 10秒后启用点击事件setTimeout(function(){//$(".btnBox").removeClass("disable");$(".btnBox").removeAttr("disabled");},10000);
};

按钮点击事件的禁用和启动相关推荐

【Android 插件化】Hook 插件化框架 ( Hook 实现思路 | Hook 按钮点击事件 )
Android 插件化系列文章目录 [Android 插件化]插件化简介 ( 组件化与插件化 ) [Android 插件化]插件化原理 ( JVM 内存数据 | 类加载流程 ) [Android 插件 ...
java的按钮点击事件_[转载]java处理按钮点击事件
不同的事件源可以产生不同类别的事件.例如,按钮可以发送一个ActionEvent对象,而窗口可以发送WindowEvent对象. AWT时间处理机制的概要: 1.监听器对象是一个实现了特定监听器接口( ...
RxSwift之订阅UITableViewCell里的按钮点击事件
一.前言我们知道,通过订阅 tableView 的 itemSelected 或 modelSelected 这两个 Rx 扩展方法,可以对单元格的点击事件进行响应,并执行相关的业务代码. 但有时候 ...
Android Listview中Button按钮点击事件冲突解决办法
今天做项目时,ListView中含有了Button组件,心里一早就知道肯定会有冲突,因为以前就遇到过,并解决过,可惜当时没有记录下来. 今天在做的时候,继续被这个问题郁闷了一把,后来解决后,赶紧来记录 ...
java添加按钮点击事件_如何为odoo 10中的按钮点击事件添加一个java脚本处理程序？...
我想使用java脚本为header中的按钮创建一个处理程序.下面我视图模型给出:如何为odoo 10中的按钮点击事件添加一个java脚本处理程序? inherit_id="web.asset ...
设置html按钮点击事件无效果,css怎么设置按钮不能点击？
css怎么设置按钮不能点击?下面本篇文章就来给大家介绍一下使用CSS设置按钮不能点击的方法.有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助. 想要按钮不能点击可以通过设置按钮点击事件失 ...
Android之按钮点击事件——显示图片隐藏图片
哈喽!时隔两个月,我又和大家见面啦! 今天,我要分享的内容一如既往的很基础,即关于Android的按钮点击事件--显示图片&&隐藏图片,它的执行过程比较简单,所以这里我就不放什么图片或 ...
unity3d C#用匿名委托循环注册按钮点击事件报错：索引超界 ArgumentOutOfRangeException: Index was out of range. Must be non-ne
unity3d C#用匿名委托循环注册按钮点击事件报错:索引超界 ArgumentOutOfRangeException: Index was out of range. Must be non-ne ...
安卓按钮点击事件、触摸事件、长按事件的实现——小白必备（三）
安卓按钮点击事件.触摸事件.长按事件的实现与根本 <?xml version="1.0" encoding="utf-8"?> <Linear ...

按钮点击事件的禁用和启动

按钮点击事件的禁用和启动相关推荐

最新文章

热门文章