单击创建上下文菜单

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/

使用本