Commit77918d1

authored

Merge pull request#153 from hugovk/search-focus

2 parents3f48c0c +c33e6ae commit77918d1Copy full SHA for 77918d1

File tree

+23

-1

lines changed

+23

-1

lines changed

Lines changed: 2 additions & 1 deletion

Original file line number	Diff line number	Diff line change
`@@ -48,7 +48,7 @@ <h3>{{ _('Navigation') }}</h3>`
`48`	`48`	`{%- if builder != "htmlhelp" %}`
`49`	`49`	`<divclass="inline-search"role="search">`
`50`	`50`	`<formclass="inline-search"action="{{ pathto('search') }}"method="get">`
`51`		`-<inputplaceholder="{{ _('Quick search') }}"aria-label="{{ _('Quick search') }}"type="search"name="q"/>`
	`51`	`+<inputplaceholder="{{ _('Quick search') }}"aria-label="{{ _('Quick search') }}"type="search"name="q"id="search-box"/>`
`52`	`52`	`<inputtype="submit"value="{{ _('Go') }}"/>`
`53`	`53`	`</form>`
`54`	`54`	`</div>`
`@@ -76,6 +76,7 @@ <h3>{{ _('Navigation') }}</h3>`
`76`	`76`	`{%- if not embedded %}`
`77`	`77`	`<scripttype="text/javascript"src="{{ pathto('_static/copybutton.js', 1) }}"></script>`
`78`	`78`	`<scripttype="text/javascript"src="{{ pathto('_static/menu.js', 1) }}"></script>`
	`79`	`+<scripttype="text/javascript"src="{{ pathto('_static/search-focus.js', 1) }}"></script>`
`79`	`80`	`<scripttype="text/javascript"src="{{ pathto('_static/themetoggle.js', 1) }}"></script>`
`80`	`81`	`{%- endif -%}`
`81`	`82`	`{%- endif -%}`

Lines changed: 21 additions & 0 deletions

Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,21 @@`
	`1`	`+functionisInputFocused(){`
	`2`	`+constactiveElement=document.activeElement;`
	`3`	`+return(`
	`4`	`+activeElement.tagName==='INPUT'\|\|`
	`5`	`+activeElement.tagName==='TEXTAREA'\|\|`
	`6`	`+activeElement.isContentEditable`
	`7`	`+);`
	`8`	`+}`
	`9`	`+`
	`10`	`+document.addEventListener('keydown',function(event){`
	`11`	`+if(event.key==='/'){`
	`12`	`+if(!isInputFocused()){`
	`13`	`+// Prevent "/" from being entered in the search box`
	`14`	`+event.preventDefault();`
	`15`	`+`
	`16`	`+// Set the focus on the search box`
	`17`	`+constsearchBox=document.getElementById('search-box');`
	`18`	`+searchBox.focus();`
	`19`	`+}`
	`20`	`+}`
	`21`	`+});`

Comments

(0)