は、単一の間で区別し

Question

をダブルクリック私はクリックやdoubleclicksを区別するための次のコードを持っている：

observeSingleAndDoubleClick: function (element, singleClickHandler, doubleClickHandler, timeout) { 
    var clicks; 
    $(element).observe('click', function (event) { 
     ++clicks; 
     if (clicks === 1) { 
      var timeoutCallback = function (event) { 
       if (clicks === 1) { 
        singleClickHandler.call(this, event); 
       } else { 
        doubleClickHandler.call(this, event); 
       } 
       clicks = 0; 
      }; 
      timeoutCallback.bind(this).delay(timeout/1000); 
     } 
    }.bind(this)); 
} 

問題：遅延コールバックが呼び出されたときにイベントはもう住んでいません。 Firefoxでは動作しますがIE8では動作しません。クリックハンドラに渡されるイベントオブジェクトは、イベント自体が既に渡されているため「死んでいる」。

誰でもこの問題を解決する方法をアドバイスしていますか？

Answer 1

私はOpenLayersプロジェクトの似たようなものを知っています。このファイルの210行目をご覧ください：OpenLayers.Handler.Click sourcecode。

私はプロトタイプフレームワークでこれを使用する方法がわからないが、私はそれが正しい方法であなたを得ることができると思います:)

もう一つ：それはよりよい代わりのmouseUpイベントを使用していないだろうクリック？

Answer 2

クリックイベントだけでなく、doubleclickイベントも監視しないでください。プロトタイプのdblclickイベントIDがあります

var clicks;  
observeSingleAndDoubleClick: function (element, singleClickHandler, doubleClickHandler, timeout) { 

$(element).observe('click', function (event) { 
    ++clicks; 
    if (clicks === 1) { 
     var timeoutCallback = function (event) { 
      if (clicks === 1) { 
       singleClickHandler.call(this, event); 
      } else { 
       doubleClickHandler.call(this, event); 
      } 
      clicks = 0; 
     }; 
     timeoutCallback.bind(this, event).delay(timeout/1000); 
    } 
}.bind(this)); 

}

Answer 3

：ここ

$(element).observe('click',singleClickHandler); 
$(element).observe('dblclick',doubleClickHandler); 

は、すべての議論の後に変更されたバージョンです。なぜあなたはそれを使用しないのですか？

observeSingleAndDoubleClick: function (element, singleClickHandler, doubleClickHandler) { 

    $(element).observe('click', function (event) { 
    singleClickHandler.call(this, event); 
    } 

    $(element).observe('dblclick', function (event) { 
    doubleClickHandler.call(this, event); 
    } 
}