javascript中怎么实现按钮只能点击一次?

JavaScript013

javascript中怎么实现按钮只能点击一次?,第1张

在点击时间处理程序的开始位置,将此按钮设为禁用,同时移除此处理程序与按钮的关联即可。

示例:

$('#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、点击按钮后,按钮被禁用,无法再次点击。