遏止鼠标右键，自定义右键菜单

阻止鼠标右键，自定义右键菜单
http://www.webtall.com/index.php/archives/643

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style type="text/css">
*{margin:0; padding:0;}
#ul1{width:100px; background:#ccc; position:absolute; display:none; list-style-type:none;}
</style>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>阻止鼠标右键，自定义右键菜单</title>
<script type="text/javascript">
document.oncontextmenu=function(ev)  //oncontextmenu事件为鼠标右键
{
	var oEvent=ev||event;
	var scrollTop=document.documentElement.scrollTop||document.body.scrollTop;  //获取上下滚动条
	var scrollLeft=document.documentElement.scrollLeft||document.body.scrollLeft;  //获取左右滚动条
	var oUl=document.getElementById('ul1');  //获取UL
 
	oUl.style.display='block';
	oUl.style.left=oEvent.clientX+scrollLeft+'px';  //设置X轴的位置
	oUl.style.top=oEvent.clientY+scrollTop+'px';    //设置Y轴的位置
 
	return false;  //阻止浏览器默认事件
};
document.onclick=function()
{
	var oUl=document.getElementById('ul1');
	oUl.style.display='none';
};
 
</script>
</head>
 
<body>
<ul id="ul1">
	<li><a href="http://www.webtall.com">五指前端</a></li>
	<li><a href="http://www.webtall.com">五指前端</a></li>
	<li><a href="http://www.webtall.com">五指前端</a></li>
</ul>
</body>
</html>

遏止鼠标右键，自定义右键菜单

相关推荐