dblclickを区別するには、右クリックしてマウスの右ボタンをクリックして、要素にドラッグした図形をクリックします。JointJS Rappid

Question

ステンシルから紙要素にドラッグされた図形に対して、さまざまなイベントのコードを実装しようとしています。 pointerupイベントは、要素の周りのオプションでハローをトリガします。ダブルクリックイベントはいくつかのモーダルウィンドウをトリガし、右クリックイベントはクリックアクションでカスタムコンテキストメニューをトリガします。マウスホイールをクリックすると、左クリック、右クリックなどRappidのさまざまなイベントをどのように区別できますか。私は以下のコードを持っています。

this.paper.on({ 
     'element:pointerup': onElementClick, 
     //something like contextmenu 
     //'element:contextmenu': onElementRightClick, 
    }); 

これは私がクリックしてdoubleclick.Itためrappidからもらった回避策が機能しているが、私はあまりにも右クリックの機能を探していますです。助けてください。

paper.on({ 
    'element:pointerdown': onElementClick 
}); 
var clickTimerId; 
function onElementClick(view) { 
    if (clickTimerId) { 
     // double click 
     window.clearTimeout(clickTimerId); 
     clickTimerId = null; 
     onElementDblClick(view); 
    } else { 
     // single click 
     clickTimerId = window.setTimeout(click, 200); 
    } 
    function click() { 
     clickTimerId = null; 
     // open halo and inspector here 
    } 
} 
function onElementDblClick(view) { 
    // open the modal window here 
} 

Answer 1

cell：contextmenu - ユーザーが用紙内のセルを右クリックするとトリガーされます。 jointjs APIドキュメント から

ので、これはBACKBONE.JSに関係していない何

paper.on({ 
    'element:contextmenu': onElementRightClick 
}); 

function onElementRightClick(view) { 

}