首页 > 代码库 > JavaScript示例五（右键菜单）
JavaScript示例五（右键菜单）
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>上下文/鼠标右键 菜单示例</title>
</head>
<body>
<div id="myDiv">右键点击文字区域获取上下文菜单</div>
<ul id="myMenu" style="position:absolute;visibility:hidden;background-color:siler">
<li><a href="http://www.126.com">126.com</a></li>
<li><a href="http://www.mozilla.org">FireFox</a></li>
<li><a href="http://www.baidu.com">baidu</a></li>
</ul>
<script>
window.addEventListener("load",function(event){
var div=document.getElementById("myDiv");
div.addEventListener("contextmenu",function(event){
event.preventDefault();
var menu=document.getElementById("myMenu");
menu.style.left=event.clientX+"px";
menu.style.top=event.clientY+"px";
menu.style.visibility="visible";
},false);
},false);
document.addEventListener("click",function(event){
document.getElementById("myMenu").style.visibility="hidden";
},false);
/*
window.addEventListener("beforeunload",function(event){
var message="really exit?";
event.returnValue=http://www.mamicode.com/message;>
本文出自 “空空如也” 博客，请务必保留此出处http://6738767.blog.51cto.com/6728767/1583075
JavaScript示例五（右键菜单）
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。