太阳√1城集团网址查询

Right click or Ctrl+click me to get a custom context menu. Click anywhere else to get the default context menu.

元素包含一个自定义的上下文菜单。其中，

元素作为自定义上下文菜单，并且在 初始时是隐藏的。实现这个例子的 JavaScript代码如下所示。
        EventUtil.addHandler(window, "load", function(event){
        var div = document.getElementById("myDiv");

                EventUtil.addHandler(div, "contextmenu", function(event){
                event = EventUtil.getEvent(event);
                EventUtil.preventDefault(event);

                var menu = document.getElementById("myMenu");
                menu.style.left = event.clientX + "px";
                menu.style.top = event.clientY + "px";
                menu.style.visibility = "visible";
                });

        EventUtil.addHandler(document, "click", function(event){
                document.getElementById("myMenu").style.visibility = "hidden";
               });
        });
        在这个例子中，我们为
元素添加了 oncontextmenu 事件的处理程序。这个事件处理程序首 先会取消默认行为，以保证不显示浏览器默认的上下文菜单。然后，再根据 event 对象 clientX 和 clientY 属性的值，来确定放置

元素的位置。后一步就是通过将 visibility 属性设置为 "visible"来显示自定义上下文菜单。另外，还为 document 添加了一个 onclick 事件处理程序，以 便用户能够通过鼠标单击来隐藏菜单（单击也是隐藏系统上下文菜单的默认操作）。
        虽然这个例子很简单，但它却展示了 Web 上所有自定义上下文菜单的基本结构。只需为这个例子 中的上下文菜单添加一些 CSS样式，就可以得到非常棒的效果。 
       支持 contextmenu 事件的浏览器有 IE、Firefox、Safari、Chrome和 Opera 11+。
        
  本文仅限内部技术人员学习交流,不得作于其他商业用途.希望此文对广大技人员有所帮助。原创文章出自:南昌网站建设公司-百恒网络http://www.jxbh.cn/如转载请注明出处!