jqueryのマウスクリックとクリックの違い

Question

jqueryでイベントを学習しています。それらを実装している間、私は間違いなく遭遇しました。 mousedown（）とclick（）イベントの違いは何ですか？どのイベントでどのイベントを使用すべきですか？

例えば： イベントの両方が、次のコードで同様の作業を行い：

$("#p1").mousedown(function(){ 
    alert("Mouse down over p1!"); 
}); 


$("#p1").click(function(){ 
    alert("Mouse down over p1!"); 
}); 

両方がsame.Can誰かが差を明確に行います。同じ場合、私はどちらを好むべきですか？

Answer 1

onMouseDownは、左または右（または中央）のいずれかを押すとトリガーされます。同様に、ボタンが離されるとonMouseUpがトリガーされます。 onMouseDownは、オブジェクトをマウスでクリックしてから離してもトリガーしますが、ボタンをクリックしたままにしてオブジェクトの上に置くと、onMouseUpがトリガーします。

onClickは、同じオブジェクト上でマウスの左ボタンを押して放すとトリガーされます。あなたが注文を気にする場合、同じオブジェクトに3つのイベントがすべて設定されている場合は、onMouseDown、onMouseUp、次にonClickです。それぞれはたとえ一度だけトリガーすべきです。

詳細は：あなたがプレスマウスボタンし、その後、それを離すと

http://api.jquery.com/click/
http://api.jquery.com/mouseup/
http://api.jquery.com/mousedown/

SourceAnton Baksheiev

Answer 2

mousedownイベントは、マウスボタンが押されたときに解放される前に発生します。

イベントは、mousedownイベントとmouseupイベントの後に発生します。

Answer 3

$(element).click()火災、によって書かれました。

$(element).mousedown()が発生した場合は、マウスボタンを押します。

は、そのボタン上でクリックボタンを押したままにしてください、そして、ここでそれを解放：http://jsfiddle.net/n9rJ9/

Answer 4

マウスの数がありますmouseDownイベント、のmouseUpおよびマウスクリックで関連イベント、プラスいくつかの他をクリックします。

mouseClickイベントの前には、mouseDownとmouseUpの後に、マウスがプロセス内で移動していない限り、通常マウスイベントが続きます。

Answer 5

これらはありません。両方のイベントハンドラを同じ要素にバインドしているので、クリックイベントが発生する前に必ずマウスが起動します。

これらを異なる要素にバインドすると、マウスのボタンを離さずにマウスのボタン（mousdown）が常に発射され、クリック（左） 。

は、この小さなjsfiddleを参照してください：左または右（または中央）のいずれかが押されたときにhttp://jsfiddle.net/wBfbm/

$("#p1").mousedown(function(){ 
    alert("Mouse down over p1!"); 
}); 


$("#p2").click(function(){ 
    alert("Mouse down over p1!"); 
}); 

Answer 6

onMouseDownがトリガされます。

onClickは、同じオブジェクト上でマウスの左ボタンを押して放すとトリガーされます。

Answer 7

この方法を試してください。 event.stopPropagationはマウスからイベントイベントを停止させないためです。マウスのクリックとクリックのイベントは互いに関連していません。

var mousedDownFired = false; 

    $("#id").mousedown(function(event){ 
     mousedDownFired =true; 
     //code 
    }); 

    $("#id").click(function(event){ 
    if(mousedDownFired) 
     { 
     mousedDownFired = false; 
     return; 
     } 
     //code 
}); 

更新：

NO。マウスイベントが）このよう

1のようにトリガーされるのMouseDown

2）

3をクリック）のMouseUp

マウスダウンがトリガされたならば、フラグは、マウスダウンイベントをクリックした後に有効になります.INがトリガされますこのクリックイベントはフラグ変数を無効にします。これは循環的な方法として機能します。 2つのマウスを2回クリックしたり、2回クリックしたりしないでください。