默认行为
默认行为：浏览器自带的 （如：点击鼠标右键出现一个菜单）
阻止默认行为：
document.oncontextmenu=function()
{
return false;
}
修改默认行为：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>右键菜单</title>
<style type="text/css">
#div1{
width: 200px;
height: 200px;
border: 1px solid #ccc;
position: absolute;
display: none;
}
#div1 li{
list-style: none;
}
</style>
</head>
<body>
<div id="div1">
<ul>
<li>aaaa</li>
<li>bbbb</li>
<li>cccc</li>
<li>dddd</li>
</ul>
</div>
<script type="text/javascript">
window.onload=function(){
document.oncontextmenu=function(ev){
var oEvent=ev||event;
var oDiv=document.getElementById('div1');
oDiv.style.display='block';
oDiv.style.left=oEvent.clientX+'px';
oDiv.style.top=oEvent.clientY+'px';
return false;
}
document.onclick=function(){
var oDiv=document.getElementById('div1');
oDiv.style.display='none';
}
}
</script>
</body>
</html>
使用自定义的菜单，然后阻止默认菜单。
