jQuery は、複数の送信によるクリックとダブルクリックを防止し、動的関数または複数のパラメーターを渡す

jQuery は、複数の送信によるクリックとダブルクリックを防止し、動的関数または複数のパラメーターを渡す_jquery

WBOY

リリース： 2016-05-16 16:53:41

オリジナル

1090 人が閲覧しました

今日は、JQ のダブルクリックイベントが複数の送信を妨げる問題について書きます。このイベントは関数を通じてバッチで定義できるため、より汎用性が高く、メソッドを通じて要素のイベントを動的にバインドできます。また、関数名または複数のパラメーターを動的に渡すことができます (この例では関数名のみを渡し、それを Eval を通じて呼び出します)。

jQuery のイベントバインディングでは、ダブルクリックイベント (dblclick) の実行時に 2 つのクリックイベント (click) をトリガーできることは誰もが知っています。つまり、ラベル要素 (div など) がクリックイベント (click) とダブルクリックイベント (dblclick) の両方にバインドされている場合、クリックイベント (click) が実行されると、ダブルクリックイベント (dblclick) はトリガーされず、ダブルクリックイベント (dblclick) は 2 つのクリックイベント (click) をトリガーしません。

まず、クリックイベントの実行シーケンスを確認します。

クリック (クリック): マウスダウン、マウスアウト、クリック;
ダブルクリック (dblclick): マウスダウン、マウスアウト、クリック、マウスダウン、mouseout 、click、dblclick;

ダブルクリックイベント (dblclick) では、トリガーされた 2 つのクリックイベント (click) のうち、最初のクリックイベント (click) はブロックされますが、2 番目のクリックイベント (click) はブロックされません。ミーティング。つまり、ダブルクリックイベント (dblclick) は、クリックイベント (click) の結果とダブルクリックイベント (dblclick) の結果を返します。ダブルクリックイベントの結果 (dblclick) と 2 つのクリックイベントの結果 (click) の代わりに。

この場合は、余分なクリックイベント（クリック）を削除するだけで問題は解決します。

効果は次のとおりです:
http://images.cnitblog.com/i/554071/201404/010846579687197.png
ソースコードは次のとおりです:

コードをコピーコードは次のとおりです:

テスト結果を表示:

クリックしてください< /div>

"javascript">

function std (obj,vs){
var funs=$(obj).attr("onclick"); obj).click(function() {
clearTimeout(TimeFn);
TimeFn = setTimeout(function(){
eval(funs);
clearTimeout(TimeFn);
}, 400 );
});

$(obj).dblclick(function() {
clearTimeout(TimeFn);
}); onclick");
}

var ss1=function(s){$("#show").html("DIV はテスト結果を表示します:" s);alert("a");} ;// div
var ss2=function(s){$("#show").html("INPUT はテスト結果を表示します:" s);alert("b");};//メソッドによって呼び出されるメソッドinput

によって呼び出されます // メソッド
std("#div","div")
std("#but1","button1"); >