<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);
)}
})
})
$(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);
)}
})
})
相关文章推荐
- 关于<input type="button" value="搜索">默认样式的清除
- 解析<button>和<input type="button"> 的区别
- 练习:创建一个按钮,点击一次,则创建一个<input type="text"><input> 点击三次按钮,应该有三个输入框被创建出来。
- <button ></button>与<input type="button" />的区别
- <button>和<input type="button"> 的区别
- <input type="file"> change事件异常处理办法
- <input type="button" style="display:none">隐藏按钮显示
- <input type ="button"></input>和<button></button>在mvc中的区别
- HTML<button>和<input type="button"> 的区别
- 解析<button>和<input type="button"> 的区别
- 解析<button>和<input type="button"> 的区别
- <button>和<input type="button"> 的区别
- <button>与<input type="button">的区别
- 解析<button>跟<input type="button"> 的区别
- 解析<button>和<input type="button"> 的区别
- <input type="button">和<button>区别
- <button></button> 与<input type="button"> <input type="submit">
- <button>和<input type="button">区别
- 用 <button> , <input type="button"> , <input type="submit"> 提交表单的异同
- 移动web端<input type="number">手机上点击直接打开数字键盘,并修改样式去除最右端上下箭头