# Wijmo_Input.Popuptrigger

## Content

<div class="content__tsd">
						<div style="display:flex;justify-content:space-between;align-items:center">
							<h1>
								PopupTrigger Enumeration
							</h1>
						</div>
						<section class="tsd-comment">
							<div class="tsd-comment">
								<div class="lead">
									<p>Specifies actions that trigger showing and hiding <a href="../classes/wijmo_input.popup.html">Popup</a> controls.</p>
								</div>
								<p>The <a href="wijmo_input.popuptrigger.html">PopupTrigger</a> actions are flags that may be combined using binary
								operators. For example:</p>
								<pre><code class="language-typescript"><span class="hljs-keyword">let</span> popup = <span class="hljs-keyword">new</span> Popup(<span class="hljs-string">'#popup'</span>, {

    <span class="hljs-comment">// set popup owner to 'show' button</span>
    owner: <span class="hljs-string">'#btn-show'</span>

    <span class="hljs-comment">// show the popup when clicking the button</span>
    showTrigger: PopupTrigger.ClickOwner,

    <span class="hljs-comment">// hide the popup when clicking the button or when the mouse leaves the popup</span>
    hideTrigger: PopupTrigger.ClickOwner | PopupTrigger.LeavePopup,
});</code></pre>
							</div>
						</section>
						<section class="tsd-index-group">
							<section class="tsd-index-panel">
								<div class="tsd-index-content">
									<section class="tsd-index-section ">
										<div class="title">
											<div class="gc_api_tree-item_icon_img_wrapper">
												<div class="gc_api_tree-item_icon_img" data-expand="true">
												</div>
											</div>
											<h3>
												Enumeration members
											</h3>
										</div>
										<ul class="tsd-index-list">
											<li class="tsd-kind-enum-member tsd-parent-kind-enum"><a href="wijmo_input.popuptrigger.html#blur" class="tsd-kind-icon">Blur</a></li>
											<li class="tsd-kind-enum-member tsd-parent-kind-enum"><a href="wijmo_input.popuptrigger.html#blurowner" class="tsd-kind-icon">Blur<wbr>Owner</a></li>
											<li class="tsd-kind-enum-member tsd-parent-kind-enum"><a href="wijmo_input.popuptrigger.html#blurpopup" class="tsd-kind-icon">Blur<wbr>Popup</a></li>
											<li class="tsd-kind-enum-member tsd-parent-kind-enum"><a href="wijmo_input.popuptrigger.html#click" class="tsd-kind-icon">Click</a></li>
											<li class="tsd-kind-enum-member tsd-parent-kind-enum"><a href="wijmo_input.popuptrigger.html#clickorblur" class="tsd-kind-icon">Click<wbr>OrBlur</a></li>
											<li class="tsd-kind-enum-member tsd-parent-kind-enum"><a href="wijmo_input.popuptrigger.html#clickowner" class="tsd-kind-icon">Click<wbr>Owner</a></li>
											<li class="tsd-kind-enum-member tsd-parent-kind-enum"><a href="wijmo_input.popuptrigger.html#clickpopup" class="tsd-kind-icon">Click<wbr>Popup</a></li>
											<li class="tsd-kind-enum-member tsd-parent-kind-enum"><a href="wijmo_input.popuptrigger.html#down" class="tsd-kind-icon">Down</a></li>
											<li class="tsd-kind-enum-member tsd-parent-kind-enum"><a href="wijmo_input.popuptrigger.html#downowner" class="tsd-kind-icon">Down<wbr>Owner</a></li>
											<li class="tsd-kind-enum-member tsd-parent-kind-enum"><a href="wijmo_input.popuptrigger.html#downpopup" class="tsd-kind-icon">Down<wbr>Popup</a></li>
											<li class="tsd-kind-enum-member tsd-parent-kind-enum"><a href="wijmo_input.popuptrigger.html#enter" class="tsd-kind-icon">Enter</a></li>
											<li class="tsd-kind-enum-member tsd-parent-kind-enum"><a href="wijmo_input.popuptrigger.html#enterowner" class="tsd-kind-icon">Enter<wbr>Owner</a></li>
											<li class="tsd-kind-enum-member tsd-parent-kind-enum"><a href="wijmo_input.popuptrigger.html#enterpopup" class="tsd-kind-icon">Enter<wbr>Popup</a></li>
											<li class="tsd-kind-enum-member tsd-parent-kind-enum"><a href="wijmo_input.popuptrigger.html#leave" class="tsd-kind-icon">Leave</a></li>
											<li class="tsd-kind-enum-member tsd-parent-kind-enum"><a href="wijmo_input.popuptrigger.html#leaveowner" class="tsd-kind-icon">Leave<wbr>Owner</a></li>
											<li class="tsd-kind-enum-member tsd-parent-kind-enum"><a href="wijmo_input.popuptrigger.html#leavepopup" class="tsd-kind-icon">Leave<wbr>Popup</a></li>
											<li class="tsd-kind-enum-member tsd-parent-kind-enum"><a href="wijmo_input.popuptrigger.html#none" class="tsd-kind-icon">None</a></li>
										</ul>
									</section>
								</div>
							</section>
						</section>
						<section class="tsd-panel-group tsd-member-group ">
							<h2>Enumeration members</h2>
							<section class="tsd-panel tsd-member tsd-kind-enum-member tsd-parent-kind-enum">
								<a name="blur" class="tsd-anchor"></a>
								<h3>Blur</h3>
								<div class="tsd-signature tsd-kind-icon">Blur<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol"> =&nbsp;12</span></div>
								<aside class="tsd-sources">
								</aside>
								<div class="tsd-comment">
									<div class="lead">
										<p>When the owner element or the popup lose focus.</p>
									</div>
								</div>
							</section>
							<section class="tsd-panel tsd-member tsd-kind-enum-member tsd-parent-kind-enum">
								<a name="blurowner" class="tsd-anchor"></a>
								<h3>BlurOwner</h3>
								<div class="tsd-signature tsd-kind-icon">Blur<wbr>Owner<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol"> =&nbsp;4</span></div>
								<aside class="tsd-sources">
								</aside>
								<div class="tsd-comment">
									<div class="lead">
										<p>When the owner element loses focus.</p>
									</div>
								</div>
							</section>
							<section class="tsd-panel tsd-member tsd-kind-enum-member tsd-parent-kind-enum">
								<a name="blurpopup" class="tsd-anchor"></a>
								<h3>BlurPopup</h3>
								<div class="tsd-signature tsd-kind-icon">Blur<wbr>Popup<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol"> =&nbsp;8</span></div>
								<aside class="tsd-sources">
								</aside>
								<div class="tsd-comment">
									<div class="lead">
										<p>When the popup loses focus.</p>
									</div>
								</div>
							</section>
							<section class="tsd-panel tsd-member tsd-kind-enum-member tsd-parent-kind-enum">
								<a name="click" class="tsd-anchor"></a>
								<h3>Click</h3>
								<div class="tsd-signature tsd-kind-icon">Click<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol"> =&nbsp;3</span></div>
								<aside class="tsd-sources">
								</aside>
								<div class="tsd-comment">
									<div class="lead">
										<p>When the user clicks the owner element or the popup.</p>
									</div>
								</div>
							</section>
							<section class="tsd-panel tsd-member tsd-kind-enum-member tsd-parent-kind-enum">
								<a name="clickorblur" class="tsd-anchor"></a>
								<h3>ClickOrBlur</h3>
								<div class="tsd-signature tsd-kind-icon">Click<wbr>OrBlur<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol"> =&nbsp;15</span></div>
								<aside class="tsd-sources">
								</aside>
								<div class="tsd-comment">
									<div class="lead">
										<p>When the owner element or the popup are clicked or lose focus.</p>
									</div>
								</div>
							</section>
							<section class="tsd-panel tsd-member tsd-kind-enum-member tsd-parent-kind-enum">
								<a name="clickowner" class="tsd-anchor"></a>
								<h3>ClickOwner</h3>
								<div class="tsd-signature tsd-kind-icon">Click<wbr>Owner<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol"> =&nbsp;1</span></div>
								<aside class="tsd-sources">
								</aside>
								<div class="tsd-comment">
									<div class="lead">
										<p>When the user clicks the owner element.</p>
									</div>
								</div>
							</section>
							<section class="tsd-panel tsd-member tsd-kind-enum-member tsd-parent-kind-enum">
								<a name="clickpopup" class="tsd-anchor"></a>
								<h3>ClickPopup</h3>
								<div class="tsd-signature tsd-kind-icon">Click<wbr>Popup<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol"> =&nbsp;2</span></div>
								<aside class="tsd-sources">
								</aside>
								<div class="tsd-comment">
									<div class="lead">
										<p>When the user clicks the popup.</p>
									</div>
								</div>
							</section>
							<section class="tsd-panel tsd-member tsd-kind-enum-member tsd-parent-kind-enum">
								<a name="down" class="tsd-anchor"></a>
								<h3>Down</h3>
								<div class="tsd-signature tsd-kind-icon">Down<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol"> =&nbsp;48</span></div>
								<aside class="tsd-sources">
								</aside>
								<div class="tsd-comment">
									<div class="lead">
										<p>When the mouse button is pressed over the owner element or the popup.</p>
									</div>
								</div>
							</section>
							<section class="tsd-panel tsd-member tsd-kind-enum-member tsd-parent-kind-enum">
								<a name="downowner" class="tsd-anchor"></a>
								<h3>DownOwner</h3>
								<div class="tsd-signature tsd-kind-icon">Down<wbr>Owner<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol"> =&nbsp;16</span></div>
								<aside class="tsd-sources">
								</aside>
								<div class="tsd-comment">
									<div class="lead">
										<p>When the mouse button is pressed over the owner element.</p>
									</div>
								</div>
							</section>
							<section class="tsd-panel tsd-member tsd-kind-enum-member tsd-parent-kind-enum">
								<a name="downpopup" class="tsd-anchor"></a>
								<h3>DownPopup</h3>
								<div class="tsd-signature tsd-kind-icon">Down<wbr>Popup<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol"> =&nbsp;32</span></div>
								<aside class="tsd-sources">
								</aside>
								<div class="tsd-comment">
									<div class="lead">
										<p>When the mouse button is pressed over the popup.</p>
									</div>
								</div>
							</section>
							<section class="tsd-panel tsd-member tsd-kind-enum-member tsd-parent-kind-enum">
								<a name="enter" class="tsd-anchor"></a>
								<h3>Enter</h3>
								<div class="tsd-signature tsd-kind-icon">Enter<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol"> =&nbsp;192</span></div>
								<aside class="tsd-sources">
								</aside>
								<div class="tsd-comment">
									<div class="lead">
										<p>When the mouse enters the owner element or the popup.</p>
									</div>
								</div>
							</section>
							<section class="tsd-panel tsd-member tsd-kind-enum-member tsd-parent-kind-enum">
								<a name="enterowner" class="tsd-anchor"></a>
								<h3>EnterOwner</h3>
								<div class="tsd-signature tsd-kind-icon">Enter<wbr>Owner<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol"> =&nbsp;64</span></div>
								<aside class="tsd-sources">
								</aside>
								<div class="tsd-comment">
									<div class="lead">
										<p>When the mouse enters the owner element.</p>
									</div>
								</div>
							</section>
							<section class="tsd-panel tsd-member tsd-kind-enum-member tsd-parent-kind-enum">
								<a name="enterpopup" class="tsd-anchor"></a>
								<h3>EnterPopup</h3>
								<div class="tsd-signature tsd-kind-icon">Enter<wbr>Popup<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol"> =&nbsp;128</span></div>
								<aside class="tsd-sources">
								</aside>
								<div class="tsd-comment">
									<div class="lead">
										<p>When the mouse enters the popup.</p>
									</div>
								</div>
							</section>
							<section class="tsd-panel tsd-member tsd-kind-enum-member tsd-parent-kind-enum">
								<a name="leave" class="tsd-anchor"></a>
								<h3>Leave</h3>
								<div class="tsd-signature tsd-kind-icon">Leave<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol"> =&nbsp;768</span></div>
								<aside class="tsd-sources">
								</aside>
								<div class="tsd-comment">
									<div class="lead">
										<p>When the mouse leaves the owner element or the popup.</p>
									</div>
								</div>
							</section>
							<section class="tsd-panel tsd-member tsd-kind-enum-member tsd-parent-kind-enum">
								<a name="leaveowner" class="tsd-anchor"></a>
								<h3>LeaveOwner</h3>
								<div class="tsd-signature tsd-kind-icon">Leave<wbr>Owner<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol"> =&nbsp;256</span></div>
								<aside class="tsd-sources">
								</aside>
								<div class="tsd-comment">
									<div class="lead">
										<p>When the mouse leaves the owner element.</p>
									</div>
								</div>
							</section>
							<section class="tsd-panel tsd-member tsd-kind-enum-member tsd-parent-kind-enum">
								<a name="leavepopup" class="tsd-anchor"></a>
								<h3>LeavePopup</h3>
								<div class="tsd-signature tsd-kind-icon">Leave<wbr>Popup<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol"> =&nbsp;512</span></div>
								<aside class="tsd-sources">
								</aside>
								<div class="tsd-comment">
									<div class="lead">
										<p>When the mouse leaves the popup.</p>
									</div>
								</div>
							</section>
							<section class="tsd-panel tsd-member tsd-kind-enum-member tsd-parent-kind-enum">
								<a name="none" class="tsd-anchor"></a>
								<h3>None</h3>
								<div class="tsd-signature tsd-kind-icon">None<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol"> =&nbsp;0</span></div>
								<aside class="tsd-sources">
								</aside>
								<div class="tsd-comment">
									<div class="lead">
										<p>No triggers; popups must be shown and hidden using code.</p>
									</div>
								</div>
							</section>
						</section>
					</div>