关于点击事件的分析
2017-11-30 11:58
148 查看
一、点击事件1,一次单击事件$().one("click",fun);
<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> </head> <body> <div class="codePhoto"> <button id="btn"> 123 </button> <span></span> </div> <script src="../shouye/js/jquery-1.11.3.js"></script> <script> function sendcode(){ var i = 6; $("#btn").one("click",function () { var timer = setInterval(function () { i--; console.log(i); $("span").html(i); if (i<=0) { clearInterval(timer); $("span").html("请再次发送验证码"); sendcode()//为了下次循环调用 } }, 1000); });
} sendcode(); </script>
</body> </html>
2,bind绑定、unbind解除
<script>
$("#btn").bind("click",myClick=function () { var timer = setInterval(function () { i--; console.log(i); $("span").html(i); $('#btn').unbind("click",myClick); if (i<=0) { clearInterval(timer); $("span").html("请再次发送验证码"); sendcode() } }, 1000); });
</script>
相关文章推荐
- 关于百度地图marker的点击事件
- 关于携程信用卡门事件的信息汇总和分析
- cocos2dx 点击事件分析(2)
- Android源码分析-对点击事件派发机制
- 关于点击显示与隐藏的事件
- cocos2dx 点击事件分析(3)
- Android 中触摸事件与点击事件分析
- cocos 关于多个触摸事件 依次点击时出现回调函数未执行的情况
- 图片中添加点击事件后没有反应的问题分析
- 关于cell上button点击事件如何传到不同界面
- 关于jsp页面form标签里面的checkbox点击事件无效的原因之一
- Android 关于 OnScrollListener 事件顺序次数的简要分析
- Listview中布局控件导致点击事件失效的原因分析
- Android 关于 OnScrollListener 事件顺序次数的简要分析
- 关于ListView中Item点击事件,动态改变Item中控件属性
- IOS setOnclick点击事件分析
- 关于js中动态生成的点击事件触发两次的讨论
- 关于combogrid 点击下拉按钮触发事件
- 关于listview中onItemClick点击事件失效的解决方法
- 关于在"a"标签中添加点击事件的一些问题