巧用JS，让你的网页右键菜单随心所欲，定位精准，内容自定义！

项目中遇到，记录一下。

Echarts4鼠标右键的点击事件

myChart.on('contextmenu', showMenu);//Echarts鼠标右击事件var tree = document.getElementById("attrs_tree_ec");//Echarts树图容器
tree.oncontextmenu=function(){returnfalse;};//屏蔽浏览器默认右键菜单

点击事件调用的方法

functionshowMenu(param){var menu = document.getElementById("struct_menu");var event = param.event.event;handler(event);//显示菜单}

显示右键菜单

event是Echarts点击时获取到的参数

functionhandler(event){if(event.button ==2){// 判断是不是右键点击// 当前位置弹出菜单（div）$("#struct_menu").css({
			top: event.pageY,
			left: event.pageX
		}).show();}}

鼠标离开或者点击别的地方隐藏菜单

document.getElementById("struct_menu").style.display="none";//隐藏菜单