您的位置:首页 > 其它

<input type="button">点击事件同步控制

2018-01-08 00:00 453 查看
<input type="button" id="lucks" value="点击砸蛋">

$(function(){
$("#lucks").click(function(){
alert("世界你好!");

)}

//移除点击事件 用户点击时不会有反应
$('#lucks').attr("disabled", "disabled");

//恢复点击事件 用户点击时又会被触发
$('#lucks').removeAttr("disabled");

模拟手机短信验证码倒计时恢复点击事件操作





<input type="button" id="sendSmsCode" name="sendSmsCode" value="获取验证码">

$(function(){

$("#sendSmsCode").click(function(){

var btn = $(this);

var time = 60000;
var intervalId = setInterval(function() {
if (time == 0) {
clearInterval(intervalId);
btn.val("重新发送");
btn.removeAttr("disabled");
btn.css("background","#ff6600");
} else {
btn.val("重新发送" + time / 1000);
btn.attr("disabled", "disabled");
btn.css("background","#acacac");
time -= 1000;
}
}, 1000);

)}

})

})
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  点击事件同步