單擊創建上下文菜單

Question

我想創建一個上下文菜單。當用戶點擊畫布（HTML5）時，會出現一個上下文菜單，當點擊菜單中的某個項目時，應該調用一些函數。

有人能幫助我嗎？

Answer 1

請通過這個jsfiddle鏈接，這可能會幫助你實現這一目標。 在這個例子中，橙色區域是畫布，如果你右鍵點擊它，它會顯示上下文菜單。

function createCustomMenu() 
{ 
    $(".box").unbind("click").bind("click", function (event) { 
     // Avoid the real one 
     event.preventDefault(); 

     $("#custom-menu").hide(100); 
     // Show contextmenu 
     if ($("#custom-menu").show() === true) { 
      $("#custom-menu").hide(100) 
      // In the right position (the mouse) 
      css({ 
       top: event.pageY + "px", 
       left: event.pageX + "px" 
      }); 
     } else { 
      $("#custom-menu").show(100). 
      // In the right position (the mouse) 
      css({ 
       top: event.pageY + "px", 
       left: event.pageX + "px" 
      }); 
     }    
    }); 
} 

現在，如果用戶將取消選中該複選框，然後在上下文菜單中會disable.if用戶將檢查則僅會顯示他的上下文menu.so我已經更新了這個鏈接也請參閱該工作例子..

點擊這個鏈接看到的jsfiddle例如： - http://jsfiddle.net/TnbYm/22/

使用本