p: selectOneMenu hide popup on mouseOut event

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 
});