Specifies actions that trigger showing and hiding Popup controls.
The PopupTrigger actions are flags that may be combined using binary operators. For example:
let popup = new Popup('#popup', {
// set popup owner to 'show' button
owner: '#btn-show'
// show the popup when clicking the button
showTrigger: PopupTrigger.ClickOwner,
// hide the popup when clicking the button or when the mouse leaves the popup
hideTrigger: PopupTrigger.ClickOwner | PopupTrigger.LeavePopup,
});
| Name | Value | Description |
|---|---|---|
| None | 0 |
No triggers; popups must be shown and hidden using code. |
| ClickOwner | 1 |
When the user clicks the owner element. |
| ClickPopup | 2 |
When the user clicks the popup. |
| Click | ClickOwner | ClickPopup |
When the user clicks the owner element or the popup. |
| BlurOwner | 4 |
When the owner element loses focus. |
| BlurPopup | 8 |
When the popup loses focus. |
| Blur | BlurOwner | BlurPopup |
When the owner element or the popup lose focus. |
| ClickOrBlur | Click | Blur |
When the owner element or the popup are clicked or lose focus. |
| DownOwner | 16 |
When the mouse button is pressed over the owner element. |
| DownPopup | 32 |
When the mouse button is pressed over the popup. |
| Down | DownOwner | DownPopup |
When the mouse button is pressed over the owner element or the popup. |
| EnterOwner | 64 |
When the mouse enters the owner element. |
| EnterPopup | 128 |
When the mouse enters the popup. |
| Enter | EnterOwner | EnterPopup |
When the mouse enters the owner element or the popup. |
| LeaveOwner | 256 |
When the mouse leaves the owner element. |
| LeavePopup | 512 |
When the mouse leaves the popup. |
| Leave | LeaveOwner | LeavePopup |
When the mouse leaves the owner element or the popup. |