1. 程式人生 > >javascript中防止重複點選、防止點選過快實用方法

javascript中防止重複點選、防止點選過快實用方法

防止重複點選可以新增一個開關,讓這個開關預設為true,第一次點選將其變為false,點選事件的執行需要判斷這個開關是否為true,為true執行,false不執行。例子如下:

var isclick= true;
function click(){
    if(isclick){
       isclick = false;
       //下面新增需要執行的事件
        ...
    }
}

當然,如果只是防止點選過快,還可以設定定時器,在一定時間後,自動將開關變為true,下面例子就是在500毫秒後,開關自動變為true。

var isclick= true;
function click(){
    if(isclick){
        isclick= false;
        //下面新增需要執行的事件
            ...

        //定時器
        setTimeout(function(){ 
            isclick = true;
        }, 500);
    }
}


相關推薦

javascript防止重複防止實用方法

防止重複點選可以新增一個開關,讓這個開關預設為true,第一次點選將其變為false,點選事件的執行需要判斷這個開關是否為true,為true執行,false不執行。例子如下:var isclick= true; function click(){     if(isclic

Android之按鍵防止方法

public class UtilFastClick { // 兩次點選按鈕之間的點選間隔不能少於1000毫秒 private static final int MIN_CLICK_DELAY_TIME = 1000; private static long lastCl

JavaScript-選擇項的全全不

程式碼 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <s

JavaScriptin操作符(for..in)Object.keys()和Object.getOwnPropertyNames()的區別

定義 typeerror 轉換 異常 error: pan 不同 html gree   ECMAScript將對象的屬性分為兩種:數據屬性和訪問器屬性。每一種屬性內部都有一些特性,這裏我們只關註對象屬性的[[Enumerable]]特征,它表示是否通過 for-in 循環

深入理解Javascript的堆與棧淺拷貝與深拷貝

Javascript中的淺拷貝與深拷貝 先從JavaScript的資料型別存放的位置堆疊開始說吧 什麼是堆疊? 我們知道計算機領域中堆疊是兩種資料結構,它們只能再一端(稱為棧頂(top))對資料項進行插入和刪除。 堆:佇列優先,先進先出,由作業系統自動分配釋放,存放函式的引數值,區域性變數的

[轉] JavaScriptin操作符(for..in)Object.keys()和Object.getOwnPropertyNames()的區別

hasd code 復制 不成功 參數 關於 name .net hellip   ECMAScript將對象的屬性分為兩種:數據屬性和訪問器屬性。每一種屬性內部都有一些特性,這裏我們只關註對象屬性的[[Enumerable]]特征,它表示是否通過 for-in 循環返回屬

JavaScript實現複框的全全部不

以較為簡潔的程式實現複選框的全選、全部不選、反選 操作。 並且將可變的部分設定為JS的引數,以實現程式碼複用。 全選和全不選 第一個引數為複選框名稱,第二個引數為是全選還是全部不選。 function allCheck(name,boolValue) {     var

JavaScript框實現全全不提交

<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title>全選<

JavaScript返回頂部按鈕(勻速減速)寫法

1.減速運動回到頂部的方法(多數用這個): var totop = document.getElementbyId("totop"); var target = 0; totop.onclick =

JavaScript】實現複框的全全部不

以較為簡潔的程式實現複選框的全選、全部不選、反選 操作。 並且將可變的部分設定為JS的引數,以實現程式碼複用。 全選和全不選 第一個引數為複選框名稱,第二個引數為是全選還是全部不選。 function allCheck(name,boolValue) { var all

javaScript字串與整型,浮型之間的轉換

var a=3; var b='213'; a=parseInt(b); var c=0.5; var d='0.98'; d=parsetFloat(c); var e='ff'; var f=999; e=''+f; 參考url: http://www.intern

javascript字串常用操作總結JS字串操作大全

字串的操作在js中非常頻繁,也非常重要。以往看完書之後都能記得非常清楚,但稍微隔一段時間不用,便會忘得差不多,記性不好是硬傷啊。。。今天就對字串的一些常用操作做個整理,一者加深印象,二者方便今後溫習查閱。 String物件屬性 (1) length屬性 length

jquery全全不代碼

遍歷 clas class html box isa each nbsp not 1、JS代碼 function ($) { //全選 反選 全不選 $("#selAll").click(function () { $(".lists

取消全

選中項 else $scope put scope () font ont 時間 <!--html--> <table class="table1"> <thead> <tr> <th> &

利用js實現全全不功能(check)

box tag 實現 所有 利用 .get 乒乓球 獲取 get <!DOCTYPE html><html><head><meta charset="utf-8"/><title></ti

利用js實現全全不(button)

put () false 全選 charset btn tel pre fun <!DOCTYPE html><html><head><meta charset="utf-8"/><title>

利用jQuery實現全全不(button)

htm nag ttr check n) 足球 text ctype cti <!DOCTYPE html><html><head><meta charset="utf-8"><title>&l

使用jQuery實現全全不(button)

jquery實現 mage water oct ces div charset body check <!DOCTYPE html><html><head><meta charset="utf-8"><

利用jQuery實現全全不(checkBox)

utf body type charset his all set htm script <!DOCTYPE html><html><head><meta charset="utf-8"><title

純js實現checkbox的全全不

純js實現checkbox的全選、反選、分開:a. 代碼: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> &l