zoukankan      html  css  js  c++  java
  • 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>
  • 相关阅读:
    ajax的原理及实现方式
    在linux中添加环境变量
    ftp简单命令
    linux命令之scp
    java中创建对象的方法
    10个调试技巧
    java读取.properties配置文件的几种方法
    Java对象和XML转换
    Java Float类型 减法运算时精度丢失问题
    Java内存分配全面浅析
  • 原文地址:https://www.cnblogs.com/sese/p/7271701.html
Copyright © 2011-2022 走看看