jquery는 마우스 오른쪽 버튼 클릭 메뉴 플러그인_jquery를 구현합니다.

//오른쪽 클릭 메뉴 생성
var epMenu={
​ create:function(포인트,옵션){
        var menuNode=document.getElementById('epMenu');
           if(!menuNode){
                        //아무도 없을 때 메뉴 노드 생성
              menuNode=document.createElement("div");
               menuNode.setAttribute('class','epMenu');
               menuNode.setAttribute('id','epMenu');
            }else $(menuNode).html('');//내부 콘텐츠 지우기
                             
$(menuNode).css({left:point.left 'px',top:point.top 'px'});
for(var x in 옵션){
            var tempNode=document.createElement("a");
$(tempNode).text(option[x]['name']).on('click',option[x].action);
                menuNode.appendChild(tempNode);
}
                             
​​​​ $("body").append(menuNode);
},
삭제:함수(){
         $(".epMenu").remove();
}  
};

/*오른쪽 클릭 메뉴*/
.epMenu{ 너비:120px; 배경:#f0f0f0; 왼쪽:0: 상자-그림자:2px 2px #807878;}
.epMenu a{ 디스플레이:블록; 높이:25px; 테두리 상단:1px 솔리드 #e0e0e0; 글꼴 계열:Microsoft Yahei; -크기:14px; 커서:기본값;}
.ep메뉴 a:hover{ 배경:#fff;}

epMenu.create({left:500,top:500},[{name:'a1','action':addText},{name:'b222','action':addBtn},{name:'그림 구성 요소 추가 ','action':addImage}]);

epMenu.destory();