事件默认行为：

阻止默认事件
普通写法：return false;
屏蔽右键菜单 :  oncontextmenu

 1 <!DOCTYPE HTML>
 2 <html>
 3 <head>
 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
 5 <title>无标题文档</title>
 6 <script>
 7 /*
 8 事件默认行为：当一个事件发生的时候浏览器自己会默认做的事情
 9 怎么阻止？
10 当前这个行为是什么事件触发的，然后在这个事件的处理函数中使用return false;
11 */
12 
13 document.onkeydown = function() {
14     
15     return false;
16     
17 }
18 
19 //oncontextmenu : 右键菜单事件，当右键菜单（环境菜单）显示出来的时候触发
20 
21 document.oncontextmenu = function() {
22     
23     //alert(1)
24     
25     return false;
26     
27 }
28 </script>
29 </head>
30 
31 <body style="height: 2000px;">
32 </body>
33 </html>

 

事件默认行为实例：（自定义右键菜单）

 1 <!DOCTYPE HTML>
 2 <html>
 3 <head>
 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
 5 <title>无标题文档</title>
 6 <style>
 7 #div1 {width:100px; height: 200px; border: 1px solid red; position: absolute; display: none;}
 8 </style>
 9 <script>
10 window.onload = function() {
11     
12     var oDiv = document.getElementById('div1');
13     
14     document.oncontextmenu = function(ev) {
15         var ev = ev || event;
16         
17         oDiv.style.display = 'block';
18         
19         oDiv.style.left = ev.clientX + 'px';
20         oDiv.style.top = ev.clientY + 'px';
21         
22         return false;
23         
24     }
25     
26     document.onclick = function() {
27         oDiv.style.display = 'none';
28     }
29     
30 }
31 </script>
32 </head>
33 
34 <body>
35     <div id="div1"></div>
36 </body>
37 </html>