在点击时间处理程序的开始位置,将此按钮设为禁用,同时移除此处理程序与按钮的关联即可。
示例:
$('#mybtn').click(function(){$(this).attr('disabled','disabled').die('click')
// other code
})
有2种方式实现,下面详细介绍,这是测试页面测试页面
1、不用jQuery的方式
框起来的3处都是不用jQuery实现的只触发一次的效果。核心代码是这句
btn.onclick = null
就是click事件被执行的时候,让它把这个事件本身给清空。
2、用jQuery的方式
jQuery专门为此功能提供了一个函数one。
这样写就能让click这个事件只执行一次。
$("#btn3").one('click',function(){
alert('jQuey的one函数,第1次点击')
})
需要准备的材料分别有:电脑、html编辑器、浏览器。
1、首先,打开html编辑器,新建html文件,例如:index.html,并引入jquery。
2、在index.html中的<script>标签,输入jquery代码:
$('button').click(function () {$(this).attr('disabled', true)})
3、浏览器运行index.html页面,此时显示出一个按钮。
4、点击按钮后,按钮被禁用,无法再次点击。