p:selectOneMenu 隐藏 mouseOut 事件的弹出窗口

Question

我有一个 PrimeFaces 组件，我需要在 mouseOut 事件中隐藏其元素的弹出窗口。但是我无法在组件中添加onmouseout，因为PrimeFaces不支持这个属性。

<p:selectCheckboxMenu id="selectCheckboxMenu" label="selectCheckboxMenu" onmouseout="hidePopup">
  <f:selectItems value="#{SelectOneMenuBean.availableRegions}" />
</p:selectCheckboxMenu>

非常感谢任何帮助。

Answer 1

既然你提到了jquery，你可以添加mouseout如下：

$("#selectCheckboxMenu").on('mouseout',function(){
   //write hidePopup function content here
});

或者你也可以试试mouseleave

$("#selectCheckboxMenu").on('mouseleave',function(){
   //write hidePopup function content here
});

p:selectOneMenu 隐藏 mouseOut 事件的弹出窗口

p:selectOneMenu hide popup on mouseOut event

javascript

jquery

jsf

primefaces