JS根據右鍵點擊位置彈出右鍵菜單

項目中遇到，記錄一下。

Echarts4鼠標右鍵的點擊事件

myChart.on('contextmenu', showMenu);//Echarts鼠標右擊事件
var tree = document.getElementById("attrs_tree_ec");//Echarts樹圖容器
tree.oncontextmenu = function() { return false; };//屏蔽瀏覽器默認右鍵菜單

點擊事件調用的方法

function showMenu(param){
	var menu = document.getElementById("struct_menu");
	var event = param.event.event;
	handler(event);//顯示菜單
	}

顯示右鍵菜單

event是Echarts點擊時獲取到的參數

function handler(event){
    if(event.button == 2){// 判斷是不是右鍵點擊
    	// 當前位置彈出菜單（div）
    	$("#struct_menu").css({
			top: event.pageY,
			left: event.pageX
		}).show();    
    }
}

鼠標離開或者點擊別的地方隱藏菜單

document.getElementById("struct_menu").style.display="none";//隱藏菜單