From 0eb520927aa35ae406414794c88fb504cbe4be69 Mon Sep 17 00:00:00 2001 From: Adam Wathan Date: Sat, 2 Dec 2017 15:51:59 -0500 Subject: [PATCH] Use Mousetrap lib for keyboard shortcuts for hopefully better handling of international keyboards --- docs/source/_assets/js/app.js | 9 ++++----- package.json | 1 + yarn.lock | 4 ++++ 3 files changed, 9 insertions(+), 5 deletions(-) diff --git a/docs/source/_assets/js/app.js b/docs/source/_assets/js/app.js index 7fa375b53..fb0940128 100644 --- a/docs/source/_assets/js/app.js +++ b/docs/source/_assets/js/app.js @@ -1,5 +1,6 @@ const anchorJS = require('anchor-js') const Prism = require('./prism') +const Mousetrap = require('mousetrap') window.anchors = new anchorJS() window.Vue = require('vue') @@ -15,8 +16,6 @@ anchors.options = { placement: 'left', class: 'text-slate-light' } anchors.add() // Add shortcut to search input when pressing the "/" key -document.onkeyup = function (e) { - if (e.which == 191) { - document.getElementById('docsearch').focus() - } -} +Mousetrap.bind('/', function (e) { + document.getElementById('docsearch').focus() +}, 'keyup') diff --git a/package.json b/package.json index 7c55c248d..3a5ff146e 100644 --- a/package.json +++ b/package.json @@ -45,6 +45,7 @@ "commander": "^2.11.0", "fs-extra": "^4.0.2", "lodash": "^4.17.4", + "mousetrap": "^1.6.1", "nodemon": "^1.11.0", "postcss": "^6.0.9", "postcss-functions": "^3.0.0", diff --git a/yarn.lock b/yarn.lock index 216fbc36f..088ed8c3d 100644 --- a/yarn.lock +++ b/yarn.lock @@ -3035,6 +3035,10 @@ minimist@~0.0.1: dependencies: minimist "0.0.8" +mousetrap@^1.6.1: + version "1.6.1" + resolved "https://registry.yarnpkg.com/mousetrap/-/mousetrap-1.6.1.tgz#2a085f5c751294c75e7e81f6ec2545b29cbf42d9" + ms@2.0.0: version "2.0.0" resolved "https://registry.yarnpkg.com/ms/-/ms-2.0.0.tgz#5608aeadfc00be6c2901df5f9861788de0d597c8"