zoukankan      html  css  js  c++  java
  • 鼠标点击事件(屏蔽右键菜单,弹出自定义菜单)

    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="UTF-8">
    <title></title>
    <style>
    /*跟运动相关的模块都需要绝对定位*/
    #idv1 {background: #CCCCCC;display: none; 50px;position: absolute;}
    </style>
    <script>

    //鼠标右键默认菜单事件
    document.oncontextmenu = function(ev) {
    var oevent = ev || event;

    var div1 = document.getElementById('idv1');
    //弹出自定义菜单
    div1.style.display = 'block';
    //设置自定义菜单的坐标,达到鼠标右键的地方弹出自定义菜单
    div1.style.left = oevent.clientX + 'px';
    div1.style.top = oevent.clientY + 'px';

    //屏蔽右键默认菜单
    return false;
    }
    //点击页面任一地方,收起自定义菜单
    document.onclick = function() {
    var div1 = document.getElementById('idv1');
    div1.style.display = 'none';
    }
    </script>
    </head>

    <body>
    <div id="idv1">
    <ul>
    <li>1</li>
    <li>2</li>
    <li>3</li>
    <li>4</li>
    </ul>
    </div>
    </body>

    </html>

  • 相关阅读:
    shared_ptr weak_ptr boost 内存管理
    _vimrc win7 gvim
    qt 拖放
    数学小魔术 斐波那契数列
    qt4 程序 移植到 qt5
    (转)字符串匹配算法总结
    c++11
    BM 字符串匹配
    编译qt5 demo
    c++ 类库 学习资源
  • 原文地址:https://www.cnblogs.com/youcandomore/p/6726374.html
Copyright © 2011-2022 走看看