Commit23f0b42

committed

Focus search box when pressing slash

1 parent1a4022a commit23f0b42Copy full SHA for 23f0b42

File tree

+12

-1

lines changed

+12

-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: 10 additions & 0 deletions

Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,10 @@`
	`1`	`+document.addEventListener('keydown',function(event){`
	`2`	`+if(event.key==='/'){`
	`3`	`+// Prevent "/" from being entered in the search box`
	`4`	`+event.preventDefault();`
	`5`	`+`
	`6`	`+// Set the focus on the search box`
	`7`	`+letsearchBox=document.getElementById('search-box');`
	`8`	`+searchBox.focus();`
	`9`	`+}`
	`10`	`+});`

Comments

(0)