如何打開一個長按住或右鍵單擊Angular2的菜單

Question

我正在玩角2，我想打開一個菜單，在移動設備上以及在PC上的2,3選項。

我需要的是，當我長保持或div與class container上面點擊右鍵，我希望有一個菜單中打開這樣的 - 如下

HTML代碼：

<div class="container" id="main-wrapper" > 
    <section class="intro"> 
    <div class="content" > 
    <h1 [contentEditable]="contentEditable" >You can create full screen sections without javascript.</h1> 
    <p [contentEditable]="contentEditable">The height is set to 90vh, that means 90% height.</p> 
</div> 
</section> 
</div> 

explore.ts

rightClickMenu(){ 
// What should i write in this function to get a menu as explained. 
} 

我應該在哪裏調用這個菜單，請指導。

Answer 1

如果時間>時間指定，則計算鼠標向上事件和鼠標向下事件之間的時間，然後顯示菜單。

在組件

timeInterval:int =0 
var k; 
doMouseDown() 
{ 
    timeInterval=0; 
    k=setInterval(function(){ 
    timeInterval++; 
},1000); 
} 

doMouseUp() 
{ 
    clearInterval(k); 
    if(timeInterval >15) // replace 15 with your time for long hold) 
    { 
    //open menu 
    } 
    else 
    { 
    //show for short hold 
    } 
}