鼠标悬停时的 dijit 菜单

Question

我正在使用 dijit.menu 的菜单，它可以通过右键单击和左键单击来工作。 如何在鼠标悬停时打开菜单并在鼠标移出时关闭菜单？

dijitActionMenu = new dijit.Menu({
   targetNodeIds:[actionMenuId],
   leftClickToOpen:"true"
});

Answer 1

您是否尝试过类似的内容

// Create a new Tooltip
var tip = new dijit.Tooltip({
    // Label - the HTML or text to be placed within the Tooltip
    label: '<div class="myTipType">This is the content of my Tooltip!</div>',
    // Delay before showing the Tooltip (in milliseconds)
    showDelay: 250,
    // The nodes to attach the Tooltip to
    // Can be an array of strings or domNodes
    connectId: ["myElement1","myElement2"]
});

更多详细信息请参见dialogs_tooltips。甚至dijit.Menu也有onMouseOver 。

onMouseOver 事件

Answer 2

我能够获得 dijit/Menu onmouseover。

创建一个将调用 onmouseover 事件的元素。

<a href="#" onmouseover="show();"  onmouseout="hideMenu();">Element</a>

show() 将调用自定义小部件，该小部件将为您创建菜单。

例如，

show = function() {
    var roll = new rollover()
}

rollover.js 将是自定义小部件。

从它的构造函数中，您可以调用该函数并创建菜单。

pMenu = new Menu({ class: "rollovermenu", id: "rolloverid" });