クリックとマウスとの区別を区別する

Question

この状況に関するstackoverflowに関するいくつかの回答を読んだが、解決策はありません。

ユーザーが要素をクリックするか、jQueryを使用してその要素をマウスで押さえているかによって、さまざまなことをしようとしています。

これは可能ですか？

Answer 1

はここ

1. が真
に変数を設定する一つの方法です
3. は（setTimeout()）のタイマーを持って呼び出されたときにfalseに設定する関数を作る（マウスダウンにダウンカウント開始）のmouseup上
4. 、タイムアウトをクリアし、変数がtrueまたは
偽それをあるかどうかを確認
5. それがfalseの場合、あなたはどのような場合には
6. クリック
で発生する関数を呼び出して、これはあなたがやりたいだろう真

に戻って変数を設定します。 はここでそれがうまくいくかもしれない方法を示しjsfiddleです：http://jsfiddle.net/zRr4s/3/

Answer 2

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

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

詳細：

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

Answer 3

ここでは、両方のクリックをサポートし、保持しているソリューションです：

// Timeout, started on mousedown, triggers the beginning of a hold 
var holdStarter = null; 
// Milliseconds to wait before recognizing a hold 
var holdDelay = 500; 
// Indicates the user is currently holding the mouse down 
var holdActive = false; 
// MouseDown 
function onMouseDown(){ 
    // Do not take any immediate action - just set the holdStarter 
    // to wait for the predetermined delay, and then begin a hold 
    holdStarter = setTimeout(function() { 
     holdStarter = null; 
     holdActive = true; 
     // begin hold-only operation here, if desired 
    }, holdDelay); 
} 
// MouseUp 
function onMouseUp(){ 
    // If the mouse is released immediately (i.e., a click), before the 
    // holdStarter runs, then cancel the holdStarter and do the click 
    if (holdStarter) { 
     clearTimeout(holdStarter); 
     // run click-only operation here 
    } 
    // Otherwise, if the mouse was being held, end the hold 
    else if (holdActive) { 
     holdActive = false; 
     // end hold-only operation here, if desired 
    } 
} 
// Optional add-on: if mouse moves out, then release hold 
function onMouseOut(){ 
    onMouseUp(); 
} 

ここでデモです：もともとdaveyfahertyのソリューションに基づいてhttp://jsfiddle.net/M7hT8/1/

。 私はこの質問がしばらく前からあることを知っていますが、私は検索でこれを見つけた人のために私のソリューションを共有しています。

Answer 4

//last mouse coordinate 
var mouseX = 0; 
//epsilon interval 
var mouseEps = 10; 

function mouseDownHandler(e) { 
    e.preventDefault(); 
    mouseX = e.clientX; 
}; 

function mouseUpHandler(e) { 
    e.preventDefault(); 
    if (Math.abs((mouseX - e.clientX)) < mouseEps) { 
     clickHandler(e); 
    } 
}; 

function clickHandler(e) { 
};