js学习笔记28----事件默认行为

最新推荐文章于 2023-12-03 16:39:01 发布

weixin_33812433

最新推荐文章于 2023-12-03 16:39:01 发布

阅读量84

点赞数

事件默认行为 ：当一个事件发生的时候浏览器自己会默认做的事情。

怎么阻止？

当前这个行为是什么事件触发的，然后在这个事件的处理函数中使用r eturn 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>

weixin_33812433

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
js学习笔记28----事件默认行为

事件默认行为：当一个事件发生的时候浏览器自己会默认做的事情。怎么阻止？当前这个行为是什么事件触发的，然后在这个事件的处理函数中使用return false; 右键菜单事件oncontextmenu : ，当右键菜单（环境菜单）显示出来的时候触发。自定义右键菜单代码示例： 1 &lt;!DOCTYPE html&gt; 2 &lt;html lang="en"&gt...
复制链接

扫一扫