首頁 >web前端 >js教程 >jQuery防止click雙擊多次提交及傳遞動態函數或多參數_jquery

jQuery防止click雙擊多次提交及傳遞動態函數或多參數_jquery

WBOY
WBOY原創
2016-05-16 16:53:411147瀏覽

今天是寫的是關於JQ的雙擊事件防止多次提交的問題,並且透過函數可以批量定義,通能性更強了,透過方法動態綁定元素的事件。而且可以動態傳遞函數名或多參數等(本實例只傳遞函數名透過Eval呼叫)。

我們都知道在jQuery的事件綁定中,執行雙擊事件(dblclick)時能觸發兩次點擊事件(click)。即一個標籤元素(如div等),如果元素同時綁定了單擊事件(click)和雙擊事件(dblclick),那麼執行單擊事件(click)時,不會觸發雙擊事件(dblclick), 執行雙擊事件(dblclick)時卻會觸發兩次點選事件(click)。

先看一下點擊事件的執行順序:

點擊(click):mousedown,mouseout,click;
雙擊(dblclick):mousedown,mouseout,click ,mousedown,mouseout ,click,dblclick;

在雙擊事件(dblclick),觸發的兩次單擊事件(click)中,第一次的單擊事件(click)會被屏蔽掉,但第二次不會。也就是說雙擊事件(dblclick)會回傳一次點選事件(click)結果和一次雙擊事件(dblclick) 結果。而不是一次雙擊事件(dblclick)結果和兩次點擊事件結果(click)。

如此這般的話,只需消滅掉多餘的一次點擊事件(click),這個問題就解決了。

效果如下圖:
http://images.cnitblog.com/i/554071/201404/010846579687197.png
原始碼如下:

複製代碼 代碼如下:



jQuery
陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn