事件默认行为：
阻止默认事件普通写法：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>新闻热点
疑难解答
