js学习笔记28----事件默认行为
Posted 前端[色色]
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了js学习笔记28----事件默认行为相关的知识,希望对你有一定的参考价值。
事件默认行为 : 当一个事件发生的时候浏览器自己会默认做的事情。
怎么阻止?
当前这个行为是什么事件触发的,然后在这个事件的处理函数中使用return false;
右键菜单事件
oncontextmenu : ,当右键菜单(环境菜单)显示出来的时候触发。
自定义右键菜单代码示例:
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <title>事件默认行为</title> 5 <meta charset="UTF-8"> 6 <meta name="viewport" content="width=device-width, initial-scale=1"> 7 <style style="text/css"> 8 #div1{width: 100px;height: 200px;border: 1px solid #f00;position:absolute;display:none} 9 </style> 10 <script> 11 window.onload = function(){ 12 var oDiv = document.getElementById("div1"); 13 document.oncontextmenu = function(ev){ 14 var ev = ev || event; 15 oDiv.style.display = "block"; 16 oDiv.style.left = ev.clientX + ‘px‘; 17 oDiv.style.top = ev.clientY + ‘px‘; 18 return false; 19 } 20 document.onclick = function(ev){ 21 oDiv.style.display = "none"; 22 } 23 } 24 </script> 25 </head> 26 <body> 27 <div id="div1"> 28 29 </div> 30 </body> 31 </html>
以上是关于js学习笔记28----事件默认行为的主要内容,如果未能解决你的问题,请参考以下文章
2016年5月27日下午(妙味课堂js基础-3笔记三(事件))