JS右键菜单_js实现网页右键另存为功能-CSDN博客

本文链接：https://blog.csdn.net/qincidong/article/details/6791821

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
 <HEAD>
  <TITLE> New Document </TITLE>
  <META NAME="Generator" CONTENT="EditPlus">
  <META NAME="Author" CONTENT="">
  <META NAME="Keywords" CONTENT="">
  <META NAME="Description" CONTENT="">
  <style>
		ul li {
			list-style:none;
		}
  </style>
  <script>
	// 右键
	document.oncontextmenu = function() {
		var context = document.all('context');
		context.style.display = "block";
		var x = event.clientX; // event是内置对象，表示当前正发生的事件对象。event.clientX:鼠标的x坐标
		var y = event.clientY;
		context.style.left = x;
		context.style.top = y;
		return false;
	}
  </script>
 </HEAD>

 <BODY>
	<div style="display:none;font-size:12px;position:absolute;border:3px solid blue;width:120px;background-color:green;" id="context">
		<ul>
			<li><a href="http://www.baidu.com">添加</a></li>
			<li><a href="http://www.baidu.com">删除</a></li>
			<li><a href="http://www.baidu.com">修改</a></li>
			<li><a href="http://www.baidu.com">查看</a></li>
		</ul>
	</div>
 </BODY>
</HTML>