starred/mkdocs-material
1
0
Fork 0
mirror of https://github.com/squidfunk/mkdocs-material.git synced 2026-07-31 01:48:20 -04:00
Code Issues Packages Projects Releases Wiki Activity

Changed keyboard event handlers to key codes for compatibility

Browse Source
This commit is contained in:
squidfunk
2017-03-24 19:57:56 +01:00
committed by Martin Donath
parent de54e6e800
commit 9d066f5f78
4 changed files with 13 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
src/assets/javascripts/application.js
View File

@@ -233,30 +233,25 @@ function initialize(config) { // eslint-disable-line func-style
if (toggle.checked) {
/* Enter: prevent form submission */
if (ev.key === "Enter") {
if (ev.keyCode === 13) {
if (query === document.activeElement)
ev.preventDefault()
/* Escape: close search */
} else if (ev.key === "Escape") {
} else if (ev.keyCode === 27) {
toggle.checked = false
toggle.dispatchEvent(new CustomEvent("change"))
query.blur()
/* Horizontal arrows and backspace: focus input */
} else if ([
"ArrowLeft", "ArrowRight", "Backspace"
].indexOf(ev.key) !== -1) {
} else if ([8, 37, 39].indexOf(ev.keyCode) !== -1) {
if (query !== document.activeElement)
query.focus()
/* Vertical arrows and tab: select previous or next search result */
} else if ([
"ArrowUp", "ArrowDown", "Tab"
].indexOf(ev.key) !== -1) {
const key = ev.key === "Tab"
? `Arrow${ev.shiftKey ? "Up" : "Down"}`
: ev.key
} else if ([9, 38, 40].indexOf(ev.keyCode) !== -1) {
const map = ev.shiftKey ? 38 : 40
const key = ev.keyCode === 9 ? map : ev.keyCode
/* Retrieve all results */
const links = Array.prototype.slice.call(
@@ -275,7 +270,7 @@ function initialize(config) { // eslint-disable-line func-style
/* Calculate index depending on direction, add length to form ring */
const index = Math.max(0, (
links.indexOf(focus) + links.length + (key === "ArrowUp" ? -1 : +1)
links.indexOf(focus) + links.length + (key === 38 ? -1 : +1)
) % links.length)
/* Set active state and focus */
@@ -295,8 +290,8 @@ function initialize(config) { // eslint-disable-line func-style
/* Search is closed */
} else {
/* S: Open search if not in input field */
if (ev.key === "s") {
/* F/S: Open search if not in input field */
if (ev.keyCode === 70 || ev.keyCode === 83) {
query.focus()
ev.preventDefault()
}