右键单击创建自定义上下文菜单。jquery

右键单击创建自定义上下文菜单。jquery,jquery,html,contextmenu,right-click,Jquery,Html,Contextmenu,Right Click,我有两列和两个输入,用于创建新内容,这些内容将放在任何一列中 一个输入是输入div的内容(并分配class=“item”),第二个输入是输入该内容的类(用于样式) 因此,当我右键单击我创建的任何项目时,我希望能够打开一个自定义上下文菜单。(对我来说有点问题)。使用jQuery 你能帮我渡过难关吗 html <div id="ctxtmen" class="invisible"> <ul> <li>Edit</li>

我有两列和两个输入,用于创建新内容,这些内容将放在任何一列中

一个输入是输入div的内容(并分配class=“item”),第二个输入是输入该内容的类(用于样式)

因此,当我右键单击我创建的任何项目时,我希望能够打开一个自定义上下文菜单。(对我来说有点问题)。使用jQuery

你能帮我渡过难关吗

html

<div id="ctxtmen" class="invisible">
    <ul>
        <li>Edit</li>        
    </ul>
</div>

签出:

可能与签出重复,谢谢。您在另一个处理程序中添加了许多事件处理程序,这不是正确的方式
单击
绑定
事件应该在
鼠标向下

$(".item").mousedown(function(e){ 

  if( e.which == 3 ) { 
    $("#ctxtmen").removeClass("invisible").css({top: event.pageY + "px", left: event.pageX + "px"});
  }

$(document).click(function(){

  $("#ctxtmen").addClass("invisible");
  if( e.which == 2 ){
    $("#ctxtmen").addClass("invisible");
  }
});

$(document).bind("contextmenu", function(x){

  if (!$("#ctxtmen").hasClass("invisible")) {
    x.preventDefault();    
  }   
});  

});