zoukankan      html  css  js  c++  java
  • Javascript 右键菜单自定义

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
    <head>
     <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
     <title></title>
     <style type="text/css">
      #mymenu{
       display:none;
       position:absolute;
      }
     </style>
     <script type="text/javascript">
      //**.oncontextmenu 系统自定义的右键菜单这个W3里面没有.
      function menu(e){
       //alert(e.button);
       //1.找到我们的菜单对象,并在当前鼠标坐标添加事件属性方法
       if(e.button==2){
       var mymenu=document.getElementById("mymenu");
        mymenu.style.display="block";
        //clientY 返回当事件被触发时,鼠标指针的垂直坐标.
        mymenu.style.top=e.clientY + "px";
        mymenu.style.left=e.clientx + "px";
        return false;
       }
      }
     </script>
    </head>
    <body>
      <table border="1" oncontextmenu="return false;" onmousedown="menu(event)">
      <tr>
       <td>姓名</td>
       <td>性别</td>
      </tr>
      <tr>
       <td>admin</td>
       <td>男</td>
      </tr>
      <tr>
       <td>guest</td>
       <td>男</td>
      </tr>
     </table>
     
     <div id="mymenu">
      <ul>
       <li>删除</li>
       <li>修改</li>
      </ul>
     </div>
       
    </body>
    </html>

    作者:Wicub
    免责声明:文章、笔记等仅供分享、探讨、参考等学习之用,因此造成的任何后果概不负责。(如有错误、疏忽等问题,欢迎指正、讨论,谢谢)
    本文版权归作者和博客园共有,欢迎转载,但请务必在文章页面明显位置给出原文连接,谢谢配合。
  • 相关阅读:
    自定义类型
    基本类型
    个人的职业规划
    FastDFS .Net客户端使用指南
    Delphi中资源的简单应用
    GridView数据绑定
    GridView的分页功能
    硬盘最多能分几个区?
    C#中public、private、protected、internal、protected internal
    2007.10.09错误记录
  • 原文地址:https://www.cnblogs.com/wicub/p/3123049.html
Copyright © 2011-2022 走看看