如何在鼠标移开时隐藏上下文菜单并在鼠标悬停时继续显示showin [英] How to hide context menu on mouse out and keep showing showin on mouseover

问题描述

如何在鼠标移开时隐藏上下文菜单，并在鼠标悬停时继续显示showin ????

How to hide context menu on mouse out and keep showing showin on mouseover???

推荐答案

我尝试了此操作:

I tried this:

<title></title>
 <link rel="stylesheet" type="text/css" href="http://extjs-public.googlecode.com/svn/extjs-4.x/release/resources/css/ext-all.css" />
 <script type="text/javascript" src="http://extjs-public.googlecode.com/svn/extjs-4.x/include/ext-all.js" ></script>

 <script type="text/javascript">
     var removeAction = Ext.create('Ext.Action', {
         text: 'Remove this element, because I don\'t like it',
         handler: function(widget, event) {
         contextMenu.hide();
             if (confirm("This element will be removed from DOM. You will need to refresh your browser to make it reappear. Continue?")) {
                 Ext.get("elementContextMenu").remove();
             }
             //return false;
         }
     });
     var contextMenu = Ext.create('Ext.menu.Menu', {
         items: [
         removeAction
         ]
     });
     Ext.onReady(function() {
         Ext.get("elementContextMenu").on("contextmenu", function(event, element) {
             event.stopEvent();

             var mover = contextMenu.on('mouseenter', function() {
             contextMenu.show();
             });
             var mout = contextMenu.on('mouseleave', function() {
                 window.setTimeout(function() { contextMenu.hide(); }, 1000);
             });
             var mmousemove = contextMenu.on('mousemove', function() {
                 window.setTimeout(function() { contextMenu.hide(); }, 3000);
             });

             contextMenu.showAt(event.getXY());
             return false;
         });
     });

 </script>

这篇关于如何在鼠标移开时隐藏上下文菜单并在鼠标悬停时继续显示showin的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！