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

时间:2015-04-28 03:31:20

标签: jquery html contextmenu right-click

我有两列和两个输入,用于创建将放置在任何列中的新内容。

一个输入是输入div 的内容(并指定class =“item”),第二个输入用于输入该内容的 em>(用于造型)。

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

请帮助解决这个问题。

HTML

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

jQuery.js

$(".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();    
  }   
});  

});

查看:jsFiddle

0 个答案:

没有答案