1"use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite||[]).push([[1143],{1184:(e,n,t)=>{t.d(n,{R:()=>d,x:()=>c});var i=t(4041);const o={},s=i.createContext(o);function d(e){const n=i.useContext(s);return i.useMemo((function(){return"function"==typeof e?e(n):{...n,...e}}),[n,e])}function c(e){let n;return n=e.disableParentContext?"function"==typeof e.components?e.components(o):e.components||o:d(e.components),i.createElement(s.Provider,{value:n},e.children)}},4568:(e,n,t)=>{t.r(n),t.d(n,{assets:()=>r,contentTitle:()=>c,default:()=>h,frontMatter:()=>d,metadata:()=>i,toc:()=>a});const i=JSON.parse('{"id":"documentation/advanced-usage","title":"Advanced Usage","description":"This section described advanced functionalities of the hook.","source":"@site/versioned_docs/version-3.x/documentation/advanced-usage.mdx","sourceDirName":"documentation","slug":"/documentation/advanced-usage","permalink":"/docs/3.x/documentation/advanced-usage","draft":false,"unlisted":false,"editUrl":"https://github.com/JohannesKlauss/react-hotkeys-hook/edit/main/documentation/versioned_docs/version-3.x/documentation/advanced-usage.mdx","tags":[],"version":"3.x","sidebarPosition":4,"frontMatter":{"sidebar_position":4,"title":"Advanced Usage"},"sidebar":"tutorialSidebar","previous":{"title":"isHotkeyPressed","permalink":"/docs/3.x/documentation/is-hotkey-pressed"},"next":{"title":"Using TypeScript","permalink":"/docs/3.x/documentation/typescript"}}');var o=t(1085),s=t(1184);const d={sidebar_position:4,title:"Advanced Usage"},c="Advanced Usage",r={},a=[{value:"Listening on <code>keyUp</code>",id:"listening-on-keyup",level:2},{value:"Retrieve pressed hotkey",id:"retrieve-pressed-hotkey",level:2},{value:"Enable hotkeys on input fields",id:"enable-hotkeys-on-input-fields",level:2},{value:"The <code>contentEditable</code> prop",id:"the-contenteditable-prop",level:2},{value:"Using the <code>filter</code> option",id:"using-the-filter-option",level:2},{value:"<code>filter</code> vs <code>enabled</code>",id:"filter-vs-enabled",level:2}];function l(e){const n={code:"code",h1:"h1",h2:"h2",header:"header",p:"p",strong:"strong",...(0,s.R)(),...e.components};return(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(n.header,{children:(0,o.jsx)(n.h1,{id:"advanced-usage",children:"Advanced Usage"})}),"\n",(0,o.jsx)(n.p,{children:"This section described advanced functionalities of the hook."}),"\n",(0,o.jsx)(n.p,{children:(0,o.jsx)(n.strong,{children:"\ud83d\udea7 This section is under construction \ud83d\udea7"})}),"\n",(0,o.jsxs)(n.h2,{id:"listening-on-keyup",children:["Listening on ",(0,o.jsx)(n.code,{children:"keyUp"})]}),"\n",(0,o.jsx)(n.h2,{id:"retrieve-pressed-hotkey",children:"Retrieve pressed hotkey"}),"\n",(0,o.jsx)(n.h2,{id:"enable-hotkeys-on-input-fields",children:"Enable hotkeys on input fields"}),"\n",(0,o.jsxs)(n.h2,{id:"the-contenteditable-prop",children:["The ",(0,o.jsx)(n.code,{children:"contentEditable"})," prop"]}),"\n",(0,o.jsxs)(n.h2,{id:"using-the-filter-option",children:["Using the ",(0,o.jsx)(n.code,{children:"filter"})," option"]}),"\n",(0,o.jsxs)(n.h2,{id:"filter-vs-enabled",children:[(0,o.jsx)(n.code,{children:"filter"})," vs ",(0,o.jsx)(n.code,{children:"enabled"})]})]})}function h(e={}){const{wrapper:n}={...(0,s.R)(),...e.components};return n?(0,o.jsx)(n,{...e,children:(0,o.jsx)(l,{...e})}):l(e)}}}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.