<!DOCTYPE html><htmlclass="default"lang="en"data-base="../"><head><metacharset="utf-8"/><metahttp-equiv="x-ua-compatible"content="IE=edge"/><title>Event | trilium</title><metaname="description"content="Documentation for trilium"/><metaname="viewport"content="width=device-width, initial-scale=1"/><linkrel="stylesheet"href="../assets/style.css"/><linkrel="stylesheet"href="../assets/highlight.css"/><scriptdefersrc="../assets/main.js"></script><scriptasyncsrc="../assets/icons.js"id="tsd-icons-script"></script><scriptasyncsrc="../assets/search.js"id="tsd-search-script"></script><scriptasyncsrc="../assets/navigation.js"id="tsd-nav-script"></script><scriptasyncsrc="../assets/hierarchy.js"id="tsd-hierarchy-script"></script></head><body><script>document.documentElement.dataset.theme=localStorage.getItem("tsd-theme")||"os";document.body.style.display="none";setTimeout(()=>window.app?app.showPage():document.body.style.removeProperty("display"),500)</script><headerclass="tsd-page-toolbar"><divclass="tsd-toolbar-contents container"><ahref="../index.html"class="title">trilium</a><divid="tsd-toolbar-links"></div><buttonid="tsd-search-trigger"class="tsd-widget"aria-label="Search"><svgwidth="16"height="16"viewBox="0 0 16 16"fill="none"aria-hidden="true"><usehref="../assets/icons.svg#icon-search"></use></svg></button><dialogid="tsd-search"aria-label="Search"><inputrole="combobox"id="tsd-search-input"aria-controls="tsd-search-results"aria-autocomplete="list"aria-expanded="true"autocapitalize="off"autocomplete="off"placeholder="Search the docs"maxLength="100"/><ulrole="listbox"id="tsd-search-results"></ul><divid="tsd-search-status"aria-live="polite"aria-atomic="true"><div>Preparing search index...</div></div></dialog><ahref="#"class="tsd-widget menu"id="tsd-toolbar-menu-trigger"data-toggle="menu"aria-label="Menu"><svgwidth="16"height="16"viewBox="0 0 16 16"fill="none"aria-hidden="true"><usehref="../assets/icons.svg#icon-menu"></use></svg></a></div></header><divclass="container container-main"><divclass="col-content"><divclass="tsd-page-title"><ulclass="tsd-breadcrumb"aria-label="Breadcrumb"><li><ahref="../modules/Frontend_Script_API.html">Frontend Script API</a></li><li><ahref="../modules/Frontend_Script_API._internal_.html"><internal></a></li><li><ahref=""aria-current="page">Event</a></li></ul><h1>Interface Event</h1></div><sectionclass="tsd-panel tsd-comment"><divclass="tsd-comment tsd-typography"><p>jQuery's event system normalizes the event object according to W3C standards. The event object is guaranteed to be passed to the event handler (no checks for window.event required). It normalizes the target, relatedTarget, which, metaKey and pageX/Y properties and provides both stopPropagation() and preventDefault() methods.</p>
<p>Those properties are all documented, and accompanied by examples, on the <code><a href="http://api.jquery.com/category/events/event-object/">Event object</a></code> page.</p>
<p>The standard events in the Document Object Model are: <code>blur</code>, <code>focus</code>, <code>load</code>, <code>resize</code>, <code>scroll</code>, <code>unload</code>, <code>beforeunload</code>, <code>click</code>, <code>dblclick</code>, <code>mousedown</code>, <code>mouseup</code>, <code>mousemove</code>, <code>mouseover</code>, <code>mouseout</code>, <code>mouseenter</code>, <code>mouseleave</code>, <code>change</code>, <code>select</code>, <code>submit</code>, <code>keydown</code>, <code>keypress</code>, and <code>keyup</code>. Since the DOM event names have predefined meanings for some elements, using them for other purposes is not recommended. jQuery's event model can trigger an event by any name on an element, and it is propagated up the DOM tree to which that element belongs, if any.</p>
</div><divclass="tsd-tag-example"><h4class="tsd-anchor-link"id="example--determine-whether-the-meta-key-was-pressed-when-the-event-fired">Example: ````Determine whether the META key was pressed when the event fired.<ahref="#example--determine-whether-the-meta-key-was-pressed-when-the-event-fired"aria-label="Permalink"class="tsd-anchor-icon"><svgviewBox="0 0 24 24"aria-hidden="true"><usehref="../assets/icons.svg#icon-anchor"></use></svg></a></h4><pre><codeclass="html"><spanclass="hl-10"><!</span><spanclass="hl-11">doctype</span><spanclass="hl-1"></span><spanclass="hl-12">html</span><spanclass="hl-10">></span><br/><spanclass="hl-10"><</span><spanclass="hl-11">html</span><spanclass="hl-1"></span><spanclass="hl-12">lang</span><spanclass="hl-1">=</span><spanclass="hl-13">"en"</span><spanclass="hl-10">></span><br/><spanclass="hl-10"><</span><spanclass="hl-11">head</span><spanclass="hl-10">></span><br/><spanclass="hl-10"><</span><spanclass="hl-11">meta</span><spanclass="hl-1"></span><spanclass="hl-12">charset</span><spanclass="hl-1">=</span><spanclass="hl-13">"utf-8"</span><spanclass="hl-10">></span><br/><spanclass="hl-10"><</span><spanclass="hl-11">title</span><spanclass="hl-10">></span><spanclass="hl-1">event.metaKey demo</span><spanclass="hl-10"></</span><spanclass="hl-11">title</span><spanclass="hl-10">></span><br/><spanclass="hl-10"><</span><spanclass="hl-11">style</span><spanclass="hl-10">></span><br/><spanclass="hl-14">body</span><spanclass="hl-15"> {</span><br/><spanclass="hl-12">background-color</span><spanclass="hl-15">: </span><spanclass="hl-16">#eef</span><spanclass="hl-15">;</span><br/><spanclass="hl-15">}</span><br/><spanclass="hl-14">div</span><spanclass="hl-15"> {</span><br/><spanclass="hl-12">padding</span><spanclass="hl-15">: </span><spanclass="hl-9">20px</span><spanclass="hl-15">;</span><br/><spanclass="hl-15">}</span><br/><spanclass="hl-10"></</span><spanclass="hl-11">style</span><spanclass="hl-10">></span><br/><spanclass="hl-10"><</span><spanclass="hl-11">script</span><spanclass="hl-15"></span><spanclass="hl-12">src</span><spanclass="hl-15">=</span><spanclass="hl-13">"https://code.jquery.com/jquery-3.3.1.js"</span><spanclass="hl-10">></</span><spanclass="hl-11">script</span><spanclass="hl-10">></span><br/><spanclass="hl-10"></</span><spanclass="hl-11">head</span><spanclass="hl-10">></span><br/><spanclass="hl-10"><</span><spanclass="hl-11">body</span><spanclass="hl-10">></span><br/><spanclass="hl-1"></span><br/><spanclass="hl-10"><</span><spanclass="hl-11">button</span><spanclass="hl-1"></span><spanclass="hl-12">value</span><spanclass="hl-1">=</span><spanclass="hl-13">"Test"</span><spanclass="hl-1"></span><spanclass="hl-12">name</span><spanclass="hl-1">=</span><spanclass="hl-13">"Test"</span><spanclass="hl-1"></span><spanclass="hl-12">id</span><spanclass="hl-1">=</span><spanclass="hl-13">"checkMetaKey"</span><spanclass="hl-10">></span><spanclass="hl-1">Click me!</span><spanclass="hl-10"></</span><spanclass="hl-11">button</span><spanclass="hl-10">></span><br/><spanclass="hl-10"><</span><spanclass="hl-11">div</span><spanclass="hl-1"></span><spanclass="hl-12">id</span><spanclass="hl-1">=</span><spanclass="hl-13">"display"</span><spanclass="hl-10">></</span><spanclass="hl-11">div</span><spanclass="hl-10">></span><br/><spanclass="hl-1"></span><br/><spanclass="hl-10"><</span><spanclass="hl-11">script</span><spanclass="hl-10">></span><br/><spanclass="hl-0">$</span><spanclass="hl-15">( </span><spanclass="hl-3">"#checkMetaKey"</span><spanclass="hl-15"> ).</span><spanclass="hl-0">click</span><spanclass="hl-15">(</span><spanclass="hl-2">function</span><spanclass="hl-15">( </span><spanclass="hl-5">event</span><spanclass="hl-15"> ) {</span><br/><spanclass="hl-0">$</span><spanclass="hl-15">( </span><spancla
</code><buttontype="button">Copy</button></pre>
</div></div><asideclass="tsd-sources"><ul><li>Defined in node_modules/@types/jquery/misc.d.ts:4964</li></ul></aside></section><sectionclass="tsd-panel tsd-member tsd-is-external"><h3class="tsd-anchor-link"id="offsetx"><span>offsetX</span><ahref="#offsetx"aria-label="Permalink"class="tsd-anchor-icon"><svgviewBox="0 0 24 24"aria-hidden="true"><usehref="../assets/icons.svg#icon-anchor"></use></svg></a></h3><divclass="tsd-signature"><spanclass="tsd-kind-property">offsetX</span><spanclass="tsd-signature-symbol">:</span><spanclass="tsd-signature-type">undefined</span><spanclass="tsd-signature-symbol">|</span><spanclass="tsd-signature-type">number</span></div><asideclass="tsd-sources"><ul><li>Defined in node_modules/@types/jquery/misc.d.ts:4769</li></ul></aside></section><sectionclass="tsd-panel tsd-member tsd-is-external"><h3class="tsd-anchor-link"id="offsety"><span>offsetY</span><ahref="#offsety"aria-label="Permalink"class="tsd-anchor-icon"><svgviewBox="0 0 24 24"aria-hidden="true"><usehref="../assets/icons.svg#icon-anchor"></use></svg></a></h3><divclass="tsd-signature"><spanclass="tsd-kind-property">offsetY</span><spanclass="tsd-signature-symbol">:</span><spanclass="tsd-signature-type">undefined</span><spanclass="tsd-signature-symbol">|</span><spanclass="tsd-signature-type">number</span></div><asideclass="tsd-sources"><ul><li>Defined in node_modules/@types/jquery/misc.d.ts:4770</li></ul></aside></section><sectionclass="tsd-panel tsd-member tsd-is-external"><h3class="tsd-anchor-link"id="pagex"><span>pageX</span><ahref="#pagex"aria-label="Permalink"class="tsd-anchor-icon"><svgviewBox="0 0 24 24"aria-hidden="true"><usehref="../assets/icons.svg#icon-anchor"></use></svg></a></h3><divclass="tsd-signature"><spanclass="tsd-kind-property">pageX</span><spanclass="tsd-signature-symbol">:</span><spanclass="tsd-signature-type">undefined</span><spanclass="tsd-signature-symbol">|</span><spanclass="tsd-signature-type">number</span></div><divclass="tsd-comment tsd-typography"><p>The mouse position relative to the left edge of the document.</p>
</div><divclass="tsd-tag-example"><h4class="tsd-anchor-link"id="example--show-the-mouse-position-relative-to-the-left-and-top-edges-of-the-document-within-this-iframe">Example: ````Show the mouse position relative to the left and top edges of the document (within this iframe).<ahref="#example--show-the-mouse-position-relative-to-the-left-and-top-edges-of-the-document-within-this-iframe"aria-label="Permalink"class="tsd-anchor-icon"><svgviewBox="0 0 24 24"aria-hidden="true"><usehref="../assets/icons.svg#icon-anchor"></use></svg></a></h4><pre><codeclass="html"><spanclass="hl-10"><!</span><spanclass="hl-11">doctype</span><spanclass="hl-1"></span><spanclass="hl-12">html</span><spanclass="hl-10">></span><br/><spanclass="hl-10"><</span><spanclass="hl-11">html</span><spanclass="hl-1"></span><spanclass="hl-12">lang</span><spanclass="hl-1">=</span><spanclass="hl-13">"en"</span><spanclass="hl-10">></span><br/><spanclass="hl-10"><</span><spanclass="hl-11">head</span><spanclass="hl-10">></span><br/><spanclass="hl-10"><</span><spanclass="hl-11">meta</span><spanclass="hl-1"></span><spanclass="hl-12">charset</span><spanclass="hl-1">=</span><spanclass="hl-13">"utf-8"</span><spanclass="hl-10">></span><br/><spanclass="hl-10"><</span><spanclass="hl-11">title</span><spanclass="hl-10">></span><spanclass="hl-1">event.pageX demo</span><spanclass="hl-10"></</span><spanclass="hl-11">title</span><spanclass="hl-10">></span><br/><spanclass="hl-10"><</span><spanclass="hl-11">style</span><spanclass="hl-10">></span><br/><spanclass="hl-14">body</span><spanclass="hl-15"> {</span><br/><spanclass="hl-12">background-color</span><spanclass="hl-15">: </span><spanclass="hl-16">#eef</span><spanclass="hl-15">;</span><br/><spanclass="hl-15">}</span><br/><spanclass="hl-14">div</span><spanclass="hl-15"> {</span><br/><spanclass="hl-12">padding</span><spanclass="hl-15">: </span><spanclass="hl-9">20px</span><spanclass="hl-15">;</span><br/><spanclass="hl-15">}</span><br/><spanclass="hl-10"></</span><spanclass="hl-11">style</span><spanclass="hl-10">></span><br/><spanclass="hl-10"><</span><spanclass="hl-11">script</span><spanclass="hl-15"></span><spanclass="hl-12">src</span><spanclass="hl-15">=</span><spanclass="hl-13">"https://code.jquery.com/jquery-3.3.1.js"</span><spanclass="hl-10">></</span><spanclass="hl-11">script</span><spanclass="hl-10">></span><br/><spanclass="hl-10"></</span><spanclass="hl-11">head</span><spanclass="hl-10">></span><br/><spanclass="hl-10"><</span><spanclass="hl-11">body</span><spanclass="hl-10">></span><br/><spanclass="hl-1"></span><br/><spanclass="hl-10"><</span><spanclass="hl-11">div</span><spanclass="hl-1"></span><spanclass="hl-12">id</span><spanclass="hl-1">=</span><spanclass="hl-13">"log"</span><spanclass="hl-10">></</span><spanclass="hl-11">div</span><spanclass="hl-10">></span><br/><spanclass="hl-1"></span><br/><spanclass="hl-10"><</span><spanclass="hl-11">script</span><spanclass="hl-10">></span><br/><spanclass="hl-0">$</span><spanclass="hl-15">( </span><spanclass="hl-5">document</span><spanclass="hl-15"> ).</span><spanclass="hl-0">on</span><spanclass="hl-15">( </span><spanclass="hl-3">"mousemove"</span><spanclass="hl-15">, </span><spanclass="hl-2">function</span><spanclass="hl-15">( </span><spanclass="hl-5">event</span><spanclass="hl-15"> ) {</span><br/><spanclass="hl-0">$</span><spanclass="hl-15">( </span><spanclass="hl-3">"#log"</span><spanclass="hl-15"> ).</span><spanclass="hl-0">text</span><spanclass="hl-15">( </span><spanclass="hl-3">"pageX: "</span><spanclass="hl-15"></span><spanclass="hl-1">+</span><spanclass="hl-15"></span><spanclass="hl-5">event</span><spanclass="hl-15">.</span><spanclass="hl-5">pageX</span><spanclass="hl-15"></span><spanclass="hl-1">+</span><spanclass="hl-15"></span><spanclass="hl-3">", pageY: "</span><spancla
</code><buttontype="button">Copy</button></pre>
</div></div><asideclass="tsd-sources"><ul><li>Defined in node_modules/@types/jquery/misc.d.ts:4806</li></ul></aside></section><sectionclass="tsd-panel tsd-member tsd-is-external"><h3class="tsd-anchor-link"id="pagey"><span>pageY</span><ahref="#pagey"aria-label="Permalink"class="tsd-anchor-icon"><svgviewBox="0 0 24 24"aria-hidden="true"><usehref="../assets/icons.svg#icon-anchor"></use></svg></a></h3><divclass="tsd-signature"><spanclass="tsd-kind-property">pageY</span><spanclass="tsd-signature-symbol">:</span><spanclass="tsd-signature-type">undefined</span><spanclass="tsd-signature-symbol">|</span><spanclass="tsd-signature-type">number</span></div><divclass="tsd-comment tsd-typography"><p>The mouse position relative to the top edge of the document.</p>
</div><divclass="tsd-tag-example"><h4class="tsd-anchor-link"id="example--show-the-mouse-position-relative-to-the-left-and-top-edges-of-the-document-within-this-iframe-1">Example: ````Show the mouse position relative to the left and top edges of the document (within this iframe).<ahref="#example--show-the-mouse-position-relative-to-the-left-and-top-edges-of-the-document-within-this-iframe-1"aria-label="Permalink"class="tsd-anchor-icon"><svgviewBox="0 0 24 24"aria-hidden="true"><usehref="../assets/icons.svg#icon-anchor"></use></svg></a></h4><pre><codeclass="html"><spanclass="hl-10"><!</span><spanclass="hl-11">doctype</span><spanclass="hl-1"></span><spanclass="hl-12">html</span><spanclass="hl-10">></span><br/><spanclass="hl-10"><</span><spanclass="hl-11">html</span><spanclass="hl-1"></span><spanclass="hl-12">lang</span><spanclass="hl-1">=</span><spanclass="hl-13">"en"</span><spanclass="hl-10">></span><br/><spanclass="hl-10"><</span><spanclass="hl-11">head</span><spanclass="hl-10">></span><br/><spanclass="hl-10"><</span><spanclass="hl-11">meta</span><spanclass="hl-1"></span><spanclass="hl-12">charset</span><spanclass="hl-1">=</span><spanclass="hl-13">"utf-8"</span><spanclass="hl-10">></span><br/><spanclass="hl-10"><</span><spanclass="hl-11">title</span><spanclass="hl-10">></span><spanclass="hl-1">event.pageY demo</span><spanclass="hl-10"></</span><spanclass="hl-11">title</span><spanclass="hl-10">></span><br/><spanclass="hl-10"><</span><spanclass="hl-11">style</span><spanclass="hl-10">></span><br/><spanclass="hl-14">body</span><spanclass="hl-15"> {</span><br/><spanclass="hl-12">background-color</span><spanclass="hl-15">: </span><spanclass="hl-16">#eef</span><spanclass="hl-15">;</span><br/><spanclass="hl-15">}</span><br/><spanclass="hl-14">div</span><spanclass="hl-15"> {</span><br/><spanclass="hl-12">padding</span><spanclass="hl-15">: </span><spanclass="hl-9">20px</span><spanclass="hl-15">;</span><br/><spanclass="hl-15">}</span><br/><spanclass="hl-10"></</span><spanclass="hl-11">style</span><spanclass="hl-10">></span><br/><spanclass="hl-10"><</span><spanclass="hl-11">script</span><spanclass="hl-15"></span><spanclass="hl-12">src</span><spanclass="hl-15">=</span><spanclass="hl-13">"https://code.jquery.com/jquery-3.3.1.js"</span><spanclass="hl-10">></</span><spanclass="hl-11">script</span><spanclass="hl-10">></span><br/><spanclass="hl-10"></</span><spanclass="hl-11">head</span><spanclass="hl-10">></span><br/><spanclass="hl-10"><</span><spanclass="hl-11">body</span><spanclass="hl-10">></span><br/><spanclass="hl-1"></span><br/><spanclass="hl-10"><</span><spanclass="hl-11">div</span><spanclass="hl-1"></span><spanclass="hl-12">id</span><spanclass="hl-1">=</span><spanclass="hl-13">"log"</span><spanclass="hl-10">></</span><spanclass="hl-11">div</span><spanclass="hl-10">></span><br/><spanclass="hl-1"></span><br/><spanclass="hl-10"><</span><spanclass="hl-11">script</span><spanclass="hl-10">></span><br/><spanclass="hl-0">$</span><spanclass="hl-15">( </span><spanclass="hl-5">document</span><spanclass="hl-15"> ).</span><spanclass="hl-0">on</span><spanclass="hl-15">( </span><spanclass="hl-3">"mousemove"</span><spanclass="hl-15">, </span><spanclass="hl-2">function</span><spanclass="hl-15">( </span><spanclass="hl-5">event</span><spanclass="hl-15"> ) {</span><br/><spanclass="hl-0">$</span><spanclass="hl-15">( </span><spanclass="hl-3">"#log"</span><spanclass="hl-15"> ).</span><spanclass="hl-0">text</span><spanclass="hl-15">( </span><spanclass="hl-3">"pageX: "</span><spanclass="hl-15"></span><spanclass="hl-1">+</span><spanclass="hl-15"></span><spanclass="hl-5">event</span><spanclass="hl-15">.</span><spanclass="hl-5">pageX</span><spanclass="hl-15"></span><spanclass="hl-1">+</span><spanclass="hl-15"></span><spanclass="hl-3">", pageY: "</span><span
</code><buttontype="button">Copy</button></pre>
</div></div><asideclass="tsd-sources"><ul><li>Defined in node_modules/@types/jquery/misc.d.ts:4842</li></ul></aside></section><sectionclass="tsd-panel tsd-member tsd-is-external"><h3class="tsd-anchor-link"id="pointerid"><span>pointer<wbr/>Id</span><ahref="#pointerid"aria-label="Permalink"class="tsd-anchor-icon"><svgviewBox="0 0 24 24"aria-hidden="true"><usehref="../assets/icons.svg#icon-anchor"></use></svg></a></h3><divclass="tsd-signature"><spanclass="tsd-kind-property">pointerId</span><spanclass="tsd-signature-symbol">:</span><spanclass="tsd-signature-type">undefined</span><spanclass="tsd-signature-symbol">|</span><spanclass="tsd-signature-type">number</span></div><asideclass="tsd-sources"><ul><li>Defined in node_modules/@types/jquery/misc.d.ts:4850</li></ul></aside></section><sectionclass="tsd-panel tsd-member tsd-is-external"><h3class="tsd-anchor-link"id="pointertype"><span>pointer<wbr/>Type</span><ahref="#pointertype"aria-label="Permalink"class="tsd-anchor-icon"><svgviewBox="0 0 24 24"aria-hidden="true"><usehref="../assets/icons.svg#icon-anchor"></use></svg></a></h3><divclass="tsd-signature"><spanclass="tsd-kind-property">pointerType</span><spanclass="tsd-signature-symbol">:</span><spanclass="tsd-signature-type">undefined</span><spanclass="tsd-signature-symbol">|</span><spanclass="tsd-signature-type">string</span></div><asideclass="tsd-sources"><ul><li>Defined in node_modules/@types/jquery/misc.d.ts:4851</li></ul></aside></section><sectionclass="tsd-panel tsd-member tsd-is-external"><h3class="tsd-anchor-link"id="screenx"><span>screenX</span><ahref="#screenx"aria-label="Permalink"class="tsd-anchor-icon"><svgviewBox="0 0 24 24"aria-hidden="true"><usehref="../assets/icons.svg#icon-anchor"></use></svg></a></h3><divclass="tsd-signature"><spanclass="tsd-kind-property">screenX</span><spanclass="tsd-signature-symbol">:</span><spanclass="tsd-signature-type">undefined</span><spanclass="tsd-signature-symbol">|</span><spanclass="tsd-signature-type">number</span></div><asideclass="tsd-sources"><ul><li>Defined in node_modules/@types/jquery/misc.d.ts:4843</li></ul></aside></section><sectionclass="tsd-panel tsd-member tsd-is-external"><h3class="tsd-anchor-link"id="screeny"><span>screenY</span><ahref="#screeny"aria-label="Permalink"class="tsd-anchor-icon"><svgviewBox="0 0 24 24"aria-hidden="true"><usehref="../assets/icons.svg#icon-anchor"></use></svg></a></h3><divclass="tsd-signature"><spanclass="tsd-kind-property">screenY</span><spanclass="tsd-signature-symbol">:</span><spanclass="tsd-signature-type">undefined</span><spanclass="tsd-signature-symbol">|</span><spanclass="tsd-signature-type">number</span></div><asideclass="tsd-sources"><ul><li>Defined in node_modules/@types/jquery/misc.d.ts:4844</li></ul></aside></section><sectionclass="tsd-panel tsd-member tsd-is-external"><h3class="tsd-anchor-link"id="shiftkey"><span>shift<wbr/>Key</span><ahref="#shiftkey"aria-label="Permalink"class="tsd-anchor-icon"><svgviewBox="0 0 24 24"aria-hidden="true"><usehref="../assets/icons.svg#icon-anchor"></use></svg></a></h3><divclass="tsd-signature"><spanclass="tsd-kind-property">shiftKey</span><spanclass="tsd-signature-symbol">:</span><spanclass="tsd-signature-type">undefined</span><spanclass="tsd-signature-symbol">|</span><spanclass="tsd-signature-type">boolean</span></div><asideclass="tsd-sources"><ul><li>Defined in node_modules/@types/jquery/misc.d.ts:4965</li></ul></aside></section><sectionclass="tsd-panel tsd-member tsd-is-external"><h3class="tsd-anchor-link"id="targettouches"><span>target<wbr/>Touches</span><ahref="#targettouches"aria-label="Permalink"class="tsd-anchor-icon"><svgviewBox="0 0 24 24"aria-hidden="true"><usehref="../assets/icons.svg#icon-anchor"></use></svg></a></h3><divclass="tsd-signature"><spanclass="tsd-kind-property">targetTouches</span><spanclass="tsd-signature-symbol">:</span><spanclass="tsd-signature-type">undefined</span><spanclass="tsd-signature-symbol">|</span><spanclass="tsd-signature-type">TouchList</span><
</div></div><asideclass="tsd-sources"><ul><li>Defined in node_modules/@types/jquery/misc.d.ts:5024</li></ul></aside></section><sectionclass="tsd-panel tsd-member tsd-is-external"><h3class="tsd-anchor-link"id="view"><span>view</span><ahref="#view"aria-label="Permalink"class="tsd-anchor-icon"><svgviewBox="0 0 24 24"aria-hidden="true"><usehref="../assets/icons.svg#icon-anchor"></use></svg></a></h3><divclass="tsd-signature"><spanclass="tsd-kind-property">view</span><spanclass="tsd-signature-symbol">:</span><spanclass="tsd-signature-type">undefined</span><spanclass="tsd-signature-symbol">|</span><spanclass="tsd-signature-type">Window</span></div><asideclass="tsd-sources"><ul><li>Defined in node_modules/@types/jquery/misc.d.ts:4761</li></ul></aside></section><sectionclass="tsd-panel tsd-member tsd-is-external"><h3class="tsd-anchor-link"id="which"><span>which</span><ahref="#which"aria-label="Permalink"class="tsd-anchor-icon"><svgviewBox="0 0 24 24"aria-hidden="true"><usehref="../assets/icons.svg#icon-anchor"></use></svg></a></h3><divclass="tsd-signature"><spanclass="tsd-kind-property">which</span><spanclass="tsd-signature-symbol">:</span><spanclass="tsd-signature-type">undefined</span><spanclass="tsd-signature-symbol">|</span><spanclass="tsd-signature-type">number</span></div><divclass="tsd-comment tsd-typography"><p>For key or mouse events, this property indicates the specific key or button that was pressed.</p>
</div><divclass="tsd-tag-example"><h4class="tsd-anchor-link"id="example--log-which-key-was-depressed-html-----eventwhich-demo----------whichkey-on-keydown-function-event----log-html-eventtype------eventwhich--------example--log-which-mouse-button-was-depressed">Example: ````Log which key was depressed.
</div></div><asideclass="tsd-sources"><ul><li>Defined in node_modules/@types/jquery/misc.d.ts:5038</li></ul></aside></div></li></ul></section><sectionclass="tsd-panel tsd-member tsd-is-external"><h3class="tsd-anchor-link"id="isimmediatepropagationstopped"><span>is<wbr/>Immediate<wbr/>Propagation<wbr/>Stopped</span><ahref="#isimmediatepropagationstopped"aria-label="Permalink"class="tsd-anchor-icon"><svgviewBox="0 0 24 24"aria-hidden="true"><usehref="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ulclass="tsd-signatures tsd-is-external"><liclass="tsd-is-external"><divclass="tsd-signature tsd-anchor-link"id="isimmediatepropagationstopped-1"><spanclass="tsd-kind-call-signature">isImmediatePropagationStopped</span><spanclass="tsd-signature-symbol">()</span><spanclass="tsd-signature-symbol">:</span><spanclass="tsd-signature-type">boolean</span><ahref="#isimmediatepropagationstopped-1"aria-label="Permalink"class="tsd-anchor-icon"><svgviewBox="0 0 24 24"aria-hidden="true"><usehref="../assets/icons.svg#icon-anchor"></use></svg></a></div><divclass="tsd-description"><divclass="tsd-comment tsd-typography"><p>Returns whether event.stopImmediatePropagation() was ever called on this event object.</p>
</div></div><asideclass="tsd-sources"><ul><li>Defined in node_modules/@types/jquery/misc.d.ts:5079</li></ul></aside></div></li></ul></section><sectionclass="tsd-panel tsd-member tsd-is-external"><h3class="tsd-anchor-link"id="ispropagationstopped"><span>is<wbr/>Propagation<wbr/>Stopped</span><ahref="#ispropagationstopped"aria-label="Permalink"class="tsd-anchor-icon"><svgviewBox="0 0 24 24"aria-hidden="true"><usehref="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ulclass="tsd-signatures tsd-is-external"><liclass="tsd-is-external"><divclass="tsd-signature tsd-anchor-link"id="ispropagationstopped-1"><spanclass="tsd-kind-call-signature">isPropagationStopped</span><spanclass="tsd-signature-symbol">()</span><spanclass="tsd-signature-symbol">:</span><spanclass="tsd-signature-type">boolean</span><ahref="#ispropagationstopped-1"aria-label="Permalink"class="tsd-anchor-icon"><svgviewBox="0 0 24 24"aria-hidden="true"><usehref="../assets/icons.svg#icon-anchor"></use></svg></a></div><divclass="tsd-description"><divclass="tsd-comment tsd-typography"><p>Returns whether event.stopPropagation() was ever called on this event object.</p>
</div></div><asideclass="tsd-sources"><ul><li>Defined in node_modules/@types/jquery/misc.d.ts:5120</li></ul></aside></div></li></ul></section><sectionclass="tsd-panel tsd-member tsd-is-external"><h3class="tsd-anchor-link"id="preventdefault"><span>prevent<wbr/>Default</span><ahref="#preventdefault"aria-label="Permalink"class="tsd-anchor-icon"><svgviewBox="0 0 24 24"aria-hidden="true"><usehref="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ulclass="tsd-signatures tsd-is-external"><liclass="tsd-is-external"><divclass="tsd-signature tsd-anchor-link"id="preventdefault-1"><spanclass="tsd-kind-call-signature">preventDefault</span><spanclass="tsd-signature-symbol">()</span><spanclass="tsd-signature-symbol">:</span><spanclass="tsd-signature-type">void</span><ahref="#preventdefault-1"aria-label="Permalink"class="tsd-anchor-icon"><svgviewBox="0 0 24 24"aria-hidden="true"><usehref="../assets/icons.svg#icon-anchor"></use></svg></a></div><divclass="tsd-description"><divclass="tsd-comment tsd-typography"><p>If this method is called, the default action of the event will not be triggered.</p>
</div><divclass="tsd-tag-example"><h4class="tsd-anchor-link"id="example--cancel-the-default-action-navigation-of-the-click">Example: ````Cancel the default action (navigation) of the click.<ahref="#example--cancel-the-default-action-navigation-of-the-click"aria-label="Permalink"class="tsd-anchor-icon"><svgviewBox="0 0 24 24"aria-hidden="true"><usehref="../assets/icons.svg#icon-anchor"></use></svg></a></h4><pre><codeclass="html"><spanclass="hl-10"><!</span><spanclass="hl-11">doctype</span><spanclass="hl-1"></span><spanclass="hl-12">html</span><spanclass="hl-10">></span><br/><spanclass="hl-10"><</span><spanclass="hl-11">html</span><spanclass="hl-1"></span><spanclass="hl-12">lang</span><spanclass="hl-1">=</span><spanclass="hl-13">"en"</span><spanclass="hl-10">></span><br/><spanclass="hl-10"><</span><spanclass="hl-11">head</span><spanclass="hl-10">></span><br/><spanclass="hl-10"><</span><spanclass="hl-11">meta</span><spanclass="hl-1"></span><spanclass="hl-12">charset</span><spanclass="hl-1">=</span><spanclass="hl-13">"utf-8"</span><spanclass="hl-10">></span><br/><spanclass="hl-10"><</span><spanclass="hl-11">title</span><spanclass="hl-10">></span><spanclass="hl-1">event.preventDefault demo</span><spanclass="hl-10"></</span><spanclass="hl-11">title</span><spanclass="hl-10">></span><br/><spanclass="hl-10"><</span><spanclass="hl-11">script</span><spanclass="hl-15"></span><spanclass="hl-12">src</span><spanclass="hl-15">=</span><spanclass="hl-13">"https://code.jquery.com/jquery-3.3.1.js"</span><spanclass="hl-10">></</span><spanclass="hl-11">script</span><spanclass="hl-10">></span><br/><spanclass="hl-10"></</span><spanclass="hl-11">head</span><spanclass="hl-10">></span><br/><spanclass="hl-10"><</span><spanclass="hl-11">body</span><spanclass="hl-10">></span><br/><spanclass="hl-1"></span><br/><spanclass="hl-10"><</span><spanclass="hl-11">a</span><spanclass="hl-1"></span><spanclass="hl-12">href</span><spanclass="hl-1">=</span><spanclass="hl-13">"https://jquery.com"</span><spanclass="hl-10">></span><spanclass="hl-1">default click action is prevented</span><spanclass="hl-10"></</span><spanclass="hl-11">a</span><spanclass="hl-10">></span><br/><spanclass="hl-10"><</span><spanclass="hl-11">div</span><spanclass="hl-1"></span><spanclass="hl-12">id</span><spanclass="hl-1">=</span><spanclass="hl-13">"log"</span><spanclass="hl-10">></</span><spanclass="hl-11">div</span><spanclass="hl-10">></span><br/><spanclass="hl-1"></span><br/><spanclass="hl-10"><</span><spanclass="hl-11">script</span><spanclass="hl-10">></span><br/><spanclass="hl-0">$</span><spanclass="hl-15">( </span><spanclass="hl-3">"a"</span><spanclass="hl-15"> ).</span><spanclass="hl-0">click</span><spanclass="hl-15">(</span><spanclass="hl-2">function</span><spanclass="hl-15">( </span><spanclass="hl-5">event</span><spanclass="hl-15"> ) {</span><br/><spanclass="hl-5">event</span><spanclass="hl-15">.</span><spanclass="hl-0">preventDefault</span><spanclass="hl-15">();</span><br/><spanclass="hl-0">$</span><spanclass="hl-15">( </span><spanclass="hl-3">"<div>"</span><spanclass="hl-15"> )</span><br/><spanclass="hl-15">.</span><spanclass="hl-0">append</span><spanclass="hl-15">( </span><spanclass="hl-3">"default "</span><spanclass="hl-15"></span><spanclass="hl-1">+</span><spanclass="hl-15"></span><spanclass="hl-5">event</span><spanclass="hl-15">.</span><spanclass="hl-5">type</span><spanclass="hl-15"></span><spanclass="hl-1">+</span><spanclass="hl-15"></span><spanclass="hl-3">" prevented"</span><spanclass="hl-15"> )</span><br/><spanclass="hl-15">.</span><spanclass="hl-0">appendTo</span><spanclass="hl-15">( </span><spanclass="hl-3">"#log"</span><spanclass="hl-15"> );</span><br/><spanclass="hl-15">});</span><br/><spanclass="hl-10"></</span><spanclass="hl-11">scrip
</code><buttontype="button">Copy</button></pre>
</div></div><asideclass="tsd-sources"><ul><li>Defined in node_modules/@types/jquery/misc.d.ts:5152</li></ul></aside></div></li></ul></section><sectionclass="tsd-panel tsd-member tsd-is-external"><h3class="tsd-anchor-link"id="stopimmediatepropagation"><span>stop<wbr/>Immediate<wbr/>Propagation</span><ahref="#stopimmediatepropagation"aria-label="Permalink"class="tsd-anchor-icon"><svgviewBox="0 0 24 24"aria-hidden="true"><usehref="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ulclass="tsd-signatures tsd-is-external"><liclass="tsd-is-external"><divclass="tsd-signature tsd-anchor-link"id="stopimmediatepropagation-1"><spanclass="tsd-kind-call-signature">stopImmediatePropagation</span><spanclass="tsd-signature-symbol">()</span><spanclass="tsd-signature-symbol">:</span><spanclass="tsd-signature-type">void</span><ahref="#stopimmediatepropagation-1"aria-label="Permalink"class="tsd-anchor-icon"><svgviewBox="0 0 24 24"aria-hidden="true"><usehref="../assets/icons.svg#icon-anchor"></use></svg></a></div><divclass="tsd-description"><divclass="tsd-comment tsd-typography"><p>Keeps the rest of the handlers from being executed and prevents the event from bubbling up the DOM tree.</p>
</div><divclass="tsd-tag-example"><h4class="tsd-anchor-link"id="example--prevents-other-event-handlers-from-being-called">Example: ````Prevents other event handlers from being called.<ahref="#example--prevents-other-event-handlers-from-being-called"aria-label="Permalink"class="tsd-anchor-icon"><svgviewBox="0 0 24 24"aria-hidden="true"><usehref="../assets/icons.svg#icon-anchor"></use></svg></a></h4><pre><codeclass="html"><spanclass="hl-10"><!</span><spanclass="hl-11">doctype</span><spanclass="hl-1"></span><spanclass="hl-12">html</span><spanclass="hl-10">></span><br/><spanclass="hl-10"><</span><spanclass="hl-11">html</span><spanclass="hl-1"></span><spanclass="hl-12">lang</span><spanclass="hl-1">=</span><spanclass="hl-13">"en"</span><spanclass="hl-10">></span><br/><spanclass="hl-10"><</span><spanclass="hl-11">head</span><spanclass="hl-10">></span><br/><spanclass="hl-10"><</span><spanclass="hl-11">meta</span><spanclass="hl-1"></span><spanclass="hl-12">charset</span><spanclass="hl-1">=</span><spanclass="hl-13">"utf-8"</span><spanclass="hl-10">></span><br/><spanclass="hl-10"><</span><spanclass="hl-11">title</span><spanclass="hl-10">></span><spanclass="hl-1">event.stopImmediatePropagation demo</span><spanclass="hl-10"></</span><spanclass="hl-11">title</span><spanclass="hl-10">></span><br/><spanclass="hl-10"><</span><spanclass="hl-11">style</span><spanclass="hl-10">></span><br/><spanclass="hl-14">p</span><spanclass="hl-15"> {</span><br/><spanclass="hl-12">height</span><spanclass="hl-15">: </span><spanclass="hl-9">30px</span><spanclass="hl-15">;</span><br/><spanclass="hl-12">width</span><spanclass="hl-15">: </span><spanclass="hl-9">150px</span><spanclass="hl-15">;</span><br/><spanclass="hl-12">background-color</span><spanclass="hl-15">: </span><spanclass="hl-16">#ccf</span><spanclass="hl-15">;</span><br/><spanclass="hl-15">}</span><br/><spanclass="hl-14">div</span><spanclass="hl-15"> {</span><br/><spanclass="hl-12">height</span><spanclass="hl-15">: </span><spanclass="hl-9">30px</span><spanclass="hl-15">;</span><br/><spanclass="hl-12">width</span><spanclass="hl-15">: </span><spanclass="hl-9">150px</span><spanclass="hl-15">;</span><br/><spanclass="hl-12">background-color</span><spanclass="hl-15">: </span><spanclass="hl-16">#cfc</span><spanclass="hl-15">;</span><br/><spanclass="hl-15">}</span><br/><spanclass="hl-10"></</span><spanclass="hl-11">style</span><spanclass="hl-10">></span><br/><spanclass="hl-10"><</span><spanclass="hl-11">script</span><spanclass="hl-15"></span><spanclass="hl-12">src</span><spanclass="hl-15">=</span><spanclass="hl-13">"https://code.jquery.com/jquery-3.3.1.js"</span><spanclass="hl-10">></</span><spanclass="hl-11">script</span><spanclass="hl-10">></span><br/><spanclass="hl-10"></</span><spanclass="hl-11">head</span><spanclass="hl-10">></span><br/><spanclass="hl-10"><</span><spanclass="hl-11">body</span><spanclass="hl-10">></span><br/><spanclass="hl-1"></span><br/><spanclass="hl-10"><</span><spanclass="hl-11">p</span><spanclass="hl-10">></span><spanclass="hl-1">paragraph</span><spanclass="hl-10"></</span><spanclass="hl-11">p</span><spanclass="hl-10">></span><br/><spanclass="hl-10"><</span><spanclass="hl-11">div</span><spanclass="hl-10">></span><spanclass="hl-1">division</span><spanclass="hl-10"></</span><spanclass="hl-11">div</span><spanclass="hl-10">></span><br/><spanclass="hl-1"></span><br/><spanclass="hl-10"><</span><spanclass="hl-11">script</span><spanclass="hl-10">></span><br/><spanclass="hl-0">$</span><spanclass="hl-15">( </span><spanclass="hl-3">"p"</span><spanclass="hl-15"> ).</span><spanclass="hl-0">click</span><spanclass="hl-15">(</span><spanclass="hl-2">function</span><spanclass="hl-15">( </span><spanclass="hl-5">event</span><spanclass="hl-15"> ) {</span><br/><spanclass="hl-5">event</span><spanclass="hl-15">.</span><spanclass
</code><buttontype="button">Copy</button></pre>
</div></div><asideclass="tsd-sources"><ul><li>Defined in node_modules/@types/jquery/misc.d.ts:5201</li></ul></aside></div></li></ul></section><sectionclass="tsd-panel tsd-member tsd-is-external"><h3class="tsd-anchor-link"id="stoppropagation"><span>stop<wbr/>Propagation</span><ahref="#stoppropagation"aria-label="Permalink"class="tsd-anchor-icon"><svgviewBox="0 0 24 24"aria-hidden="true"><usehref="../assets/icons.svg#icon-anchor"></use></svg></a></h3><ulclass="tsd-signatures tsd-is-external"><liclass="tsd-is-external"><divclass="tsd-signature tsd-anchor-link"id="stoppropagation-1"><spanclass="tsd-kind-call-signature">stopPropagation</span><spanclass="tsd-signature-symbol">()</span><spanclass="tsd-signature-symbol">:</span><spanclass="tsd-signature-type">void</span><ahref="#stoppropagation-1"aria-label="Permalink"class="tsd-anchor-icon"><svgviewBox="0 0 24 24"aria-hidden="true"><usehref="../assets/icons.svg#icon-anchor"></use></svg></a></div><divclass="tsd-description"><divclass="tsd-comment tsd-typography"><p>Prevents the event from bubbling up the DOM tree, preventing any parent handlers from being notified of the event.</p>
</div><divclass="tsd-tag-example"><h4class="tsd-anchor-link"id="example--kill-the-bubbling-on-the-click-event">Example: ````Kill the bubbling on the click event.<ahref="#example--kill-the-bubbling-on-the-click-event"aria-label="Permalink"class="tsd-anchor-icon"><svgviewBox="0 0 24 24"aria-hidden="true"><usehref="../assets/icons.svg#icon-anchor"></use></svg></a></h4><pre><codeclass="javascript"><spanclass="hl-0">$</span><spanclass="hl-1">( </span><spanclass="hl-3">"p"</span><spanclass="hl-1"> ).</span><spanclass="hl-0">click</span><spanclass="hl-1">(</span><spanclass="hl-2">function</span><spanclass="hl-1">( </span><spanclass="hl-5">event</span><spanclass="hl-1"> ) {</span><br/><spanclass="hl-5">event</span><spanclass="hl-1">.</span><spanclass="hl-0">stopPropagation</span><spanclass="hl-1">();</span><br/><spanclass="hl-6">// Do something</span><br/><spanclass="hl-1">});</span>
