鼠标右键菜单

古城微笑少年丶 2022-05-08 03:40 375阅读 0赞

当用户在 <div> 元素 上右击鼠标时执行 JavaScript ：

定义div的属性为hidden，当右键时显示菜单：

定义显示右键菜单的div，右键调用showRightMenu(event,this)方法，return false表示禁止复制。

//显示右键菜单
    function showRightMenu(e,obj){
    	e.stopPropagation();//防止冒泡
    	var i='';
    	var str=$(obj).attr("value");
    	var i;
    	if(str=='copy'){
    		i='';
    		 userId=$(obj).find("input").val();
    		$("#rightmenu").val(userId);
    	}else if(str=='out'){
    		i=2;
    		needDeletUserIds=$(obj).find("input").val();
    		var userName=$(obj).find(".k10").text();
    		if(needDeletUserIds==$("#userId").val()){
    			return;
    		}
    		$("#needDeletUserIds").val(needDeletUserIds+","+userName);
    	}else if(str=='top'){
    		i=1;
    		 groupId=$(obj).find("input").val();
    		$("#rightmenu1").val(groupId);
    	}else if(str=='onlyout'){
    		alert("无法进行操作");
    		return;
    	}else if(str='build'){
    		i=3;
    	}
        document.getElementById("rightmenu"+i).style.left = e.clientX + "px";
        document.getElementById("rightmenu"+i).style.top = e.clientY  + "px";
        document.getElementById("rightmenu"+i).style.display = "block";
    }

//实际的点击右键菜单触发的操作
    function userOps(obj){
    	var type=$(obj).attr("id");
    	var data={};
    	var url='';
    	var id=$(obj).parent().parent().prev().val();
    	if(type==1){
    		url="${ctx}/../jsp/xxx/xxx.action";
    		data={};
    		$.ajax({
    			url : url,
    			data : data,
    			dataType : 'json',
    			type : 'post',
    			success : function(data1) {
    				if (data1.result) {
    					showMenu();
    				} else {
    					alert('操作失败！');
    				}
    			},
    			error:function(){
    				alert("操作出错");
    			}
    		});
    	}else if(type==2){
    		...
    	}