イベントの発生をクリックしてダブルクリックします。

Question

jQueryを使用してイベントハンドラを作成しています。クリックイベントとダブルクリックイベントについて質問がありました。私はそれにクラス "ファイル"を持つ要素を持っています。それには2つのイベントハンドラが付属しています.1つは要素をシングルクリックするためのもので、もう1つはダブルクリックのためのものです。私は両方とも、他のものとは独立して発射したかったのですが、クリックイベントは、ダブルクリックイベントが起きたときに必ず発生します。

$('.file').live('dblclick', function(//event handler code){}); 
$('.file').live('click', function(//event handler code){}); 

ユーザーがイベントを添付したアイテムをダブルクリックすると、ダブルクリックイベントが発生しますが、これは正常です。ただし、シングルクリックイベントが発生しているように見えます。 jQueryでは、ダブルクリックイベントが発生した場合、そのイベントは同じ要素に対して常に1回クリックイベントが発生していることを意味しますか？

Answer 1

Jamesは彼のコメントで言及しているように、他のものがなければ1つが存在しないことがあります。ハックのビットになるだろうが、あなたはタイマーで独立してこれらの仕事を持つことができます。

$('.file').live('dblclick', function() { 


    $(this).data('doubleClicked', true); 
    //event handler code 

}); 

function SingleClickHandle(this) 
{ 
    if (! $(this).data('doubleClicked')) 
    { 
    //event handler code 
    } 
} 

$('.file').live('click', function(){ 

    $(this).data('doubleClicked', false); 
    setTimeout('SingleClickHandler(this)', 500); // is half a second enough to consider it a double-click? 

}); 

Answer 2

これはjqueryののデフォルトの動作です。 https://gist.github.com/399624

Answer 3

最初の回答を信頼しないでください。それは本当に悪いことです。はい

$('.file').on('click', function() 
{ 
    $(this).css('background', 'blue'); 
}); 

$('.file').on('dblclick', function(event){ 
    event.preventDefault(); 
    $(this).css('background', 'green');        
}); 

http://jsfiddle.net/H42KV/