zoukankan      html  css  js  c++  java
  • 页面右键下拉表

    <script type="text/javascript" language="javascript" >
            document.oncontextmenu=click;
            var appState = new applicationState();
            function applicationState() {
                this.contextMenu = null;
            }
            function click()
            {
                var str="";
                    str="<div style='position: absolute;background-color:#48b4fc;'><table border='1'>";
                    str+="<tr onmouseover='fn_set(this);'><td>111<td><tr>";
                    str+="<tr onmouseover='fn_set(this);'><td>222<td><tr>";
                    str+="<tr onmouseover='fn_set(this);'><td>333<td><tr>";
                    str+="<tr onmouseover='fn_set(this);'><td>444<td><tr>";
                    str+="</table></div>";
                if(appState.contextMenu != null) appState.contextMenu.removeNode(true)

                document.body.insertAdjacentHTML("beforeEnd", str)
                contextMenu = document.body.childNodes(document.body.childNodes.length-1)
                contextMenu.style.left = window.event.x
                contextMenu.style.top = window.event.y;
                appState.contextMenu = contextMenu
                window.event.cancelBubble = true;
                return false;
            }
            function fn_set(obj){
                obj.style.color="#24b400";
            }
            function clean() {
              var contextMenu
              if(appState.contextMenu != null) {
                contextMenu = appState.contextMenu.removeNode(true)
                contextMenu = null
              }
            }
            </script>
            <script event=onclick() for="document" type="text/javascript">clean();</script>//处理页面单击事件,关闭下拉表

  • 相关阅读:
    前端性能优化
    web缓存
    js实现数组去重并且显示重复的元素和索引值
    前端面试简单整理
    js记录重复字母的个数
    js数组快速排序
    sql数据库链接
    w3cschool -css
    w3cschool -html
    A*算法在栅格地图上的路径搜索(python实现)
  • 原文地址:https://www.cnblogs.com/freeliver54/p/631489.html
Copyright © 2011-2022 走看看