Heim > Web-Frontend > js-Tutorial > javascript中防止重复点击、防止点击过快实用方法

javascript中防止重复点击、防止点击过快实用方法

PHPz
Freigeben: 2018-10-10 15:31:39
nach vorne
2715 Leute haben es durchsucht

防止重复点击可以添加一个开关,让这个开关默认为true,第一次点击将其变为false,点击事件的执行需要判断这个开关是否为true,为true执行,false不执行。例子如下:

1

2

3

4

5

6

7

8

var isclick= true;

function click(){

    if(isclick){

       isclick = false;

       //下面添加需要执行的事件

        ...

    }

}

Nach dem Login kopieren

当然,如果只是防止点击过快,还可以设置定时器,在一定时间后,自动将开关变为true,下面例子就是在500毫秒后,开关自动变为true。

1

2

3

4

5

6

7

8

9

10

11

12

13

var isclick= true;

function click(){

    if(isclick){

        isclick= false;

        //下面添加需要执行的事件

            ...

 

        //定时器

        setTimeout(function(){ 

            isclick = true;

        }, 500);

    }

}

Nach dem Login kopieren

更多相关教程请访问 JavaScript视频教程

Verwandte Etiketten:
Quelle:csdn.net
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage