Stop breaking browser navigation shortcuts. (#527)

On Linux Chrome I use ALT + Arrows to go back in the browser, but instead
it paginates between examples.

Fixed it by checking for special key modifiers and do nothing (to the let the browser handle it).
I think the user always intends a system shortcut if they use a modifier key.

public/arrays

@@ -7,6 +7,9 @@
   </head>
   <script>
       onkeydown = (e) => {
+          if (e.ctrlKey || e.altKey || e.shiftKey) {
+              return;
+          }
           
           if (e.key == "ArrowLeft") {
               window.location.href = 'switch';

public/atomic-counters

@@ -7,6 +7,9 @@
   </head>
   <script>
       onkeydown = (e) => {
+          if (e.ctrlKey || e.altKey || e.shiftKey) {
+              return;
+          }
           
           if (e.key == "ArrowLeft") {
               window.location.href = 'rate-limiting';

public/base64-encoding

@@ -7,6 +7,9 @@
   </head>
   <script>
       onkeydown = (e) => {
+          if (e.ctrlKey || e.altKey || e.shiftKey) {
+              return;
+          }
           
           if (e.key == "ArrowLeft") {
               window.location.href = 'sha256-hashes';

public/channel-buffering

@@ -7,6 +7,9 @@
   </head>
   <script>
       onkeydown = (e) => {
+          if (e.ctrlKey || e.altKey || e.shiftKey) {
+              return;
+          }
           
           if (e.key == "ArrowLeft") {
               window.location.href = 'channels';

public/channel-directions

@@ -7,6 +7,9 @@
   </head>
   <script>
       onkeydown = (e) => {
+          if (e.ctrlKey || e.altKey || e.shiftKey) {
+              return;
+          }
           
           if (e.key == "ArrowLeft") {
               window.location.href = 'channel-synchronization';

public/channel-synchronization

@@ -7,6 +7,9 @@
   </head>
   <script>
       onkeydown = (e) => {
+          if (e.ctrlKey || e.altKey || e.shiftKey) {
+              return;
+          }
           
           if (e.key == "ArrowLeft") {
               window.location.href = 'channel-buffering';

public/channels

@@ -7,6 +7,9 @@
   </head>
   <script>
       onkeydown = (e) => {
+          if (e.ctrlKey || e.altKey || e.shiftKey) {
+              return;
+          }
           
           if (e.key == "ArrowLeft") {
               window.location.href = 'goroutines';

public/closing-channels

@@ -7,6 +7,9 @@
   </head>
   <script>
       onkeydown = (e) => {
+          if (e.ctrlKey || e.altKey || e.shiftKey) {
+              return;
+          }
           
           if (e.key == "ArrowLeft") {
               window.location.href = 'non-blocking-channel-operations';

public/closures

@@ -7,6 +7,9 @@
   </head>
   <script>
       onkeydown = (e) => {
+          if (e.ctrlKey || e.altKey || e.shiftKey) {
+              return;
+          }
           
           if (e.key == "ArrowLeft") {
               window.location.href = 'variadic-functions';

public/command-line-arguments

@@ -7,6 +7,9 @@
   </head>
   <script>
       onkeydown = (e) => {
+          if (e.ctrlKey || e.altKey || e.shiftKey) {
+              return;
+          }
           
           if (e.key == "ArrowLeft") {
               window.location.href = 'testing-and-benchmarking';

public/command-line-flags

@@ -7,6 +7,9 @@
   </head>
   <script>
       onkeydown = (e) => {
+          if (e.ctrlKey || e.altKey || e.shiftKey) {
+              return;
+          }
           
           if (e.key == "ArrowLeft") {
               window.location.href = 'command-line-arguments';

public/command-line-subcommands

@@ -7,6 +7,9 @@
   </head>
   <script>
       onkeydown = (e) => {
+          if (e.ctrlKey || e.altKey || e.shiftKey) {
+              return;
+          }
           
           if (e.key == "ArrowLeft") {
               window.location.href = 'command-line-flags';

public/constants

@@ -7,6 +7,9 @@
   </head>
   <script>
       onkeydown = (e) => {
+          if (e.ctrlKey || e.altKey || e.shiftKey) {
+              return;
+          }
           
           if (e.key == "ArrowLeft") {
               window.location.href = 'variables';

public/context

@@ -7,6 +7,9 @@
   </head>
   <script>
       onkeydown = (e) => {
+          if (e.ctrlKey || e.altKey || e.shiftKey) {
+              return;
+          }
           
           if (e.key == "ArrowLeft") {
               window.location.href = 'http-server';

public/custom-errors

@@ -7,6 +7,9 @@
   </head>
   <script>
       onkeydown = (e) => {
+          if (e.ctrlKey || e.altKey || e.shiftKey) {
+              return;
+          }
           
           if (e.key == "ArrowLeft") {
               window.location.href = 'errors';

public/defer

@@ -7,6 +7,9 @@
   </head>
   <script>
       onkeydown = (e) => {
+          if (e.ctrlKey || e.altKey || e.shiftKey) {
+              return;
+          }
           
           if (e.key == "ArrowLeft") {
               window.location.href = 'panic';

public/directories

@@ -7,6 +7,9 @@
   </head>
   <script>
       onkeydown = (e) => {
+          if (e.ctrlKey || e.altKey || e.shiftKey) {
+              return;
+          }
           
           if (e.key == "ArrowLeft") {
               window.location.href = 'file-paths';

public/embed-directive

@@ -7,6 +7,9 @@
   </head>
   <script>
       onkeydown = (e) => {
+          if (e.ctrlKey || e.altKey || e.shiftKey) {
+              return;
+          }
           
           if (e.key == "ArrowLeft") {
               window.location.href = 'temporary-files-and-directories';

public/environment-variables

@@ -7,6 +7,9 @@
   </head>
   <script>
       onkeydown = (e) => {
+          if (e.ctrlKey || e.altKey || e.shiftKey) {
+              return;
+          }
           
           if (e.key == "ArrowLeft") {
               window.location.href = 'command-line-subcommands';

public/epoch

@@ -7,6 +7,9 @@
   </head>
   <script>
       onkeydown = (e) => {
+          if (e.ctrlKey || e.altKey || e.shiftKey) {
+              return;
+          }
           
           if (e.key == "ArrowLeft") {
               window.location.href = 'time';

public/errors

@@ -7,6 +7,9 @@
   </head>
   <script>
       onkeydown = (e) => {
+          if (e.ctrlKey || e.altKey || e.shiftKey) {
+              return;
+          }
           
           if (e.key == "ArrowLeft") {
               window.location.href = 'generics';

public/execing-processes

@@ -7,6 +7,9 @@
   </head>
   <script>
       onkeydown = (e) => {
+          if (e.ctrlKey || e.altKey || e.shiftKey) {
+              return;
+          }
           
           if (e.key == "ArrowLeft") {
               window.location.href = 'spawning-processes';

public/exit

@@ -7,6 +7,9 @@
   </head>
   <script>
       onkeydown = (e) => {
+          if (e.ctrlKey || e.altKey || e.shiftKey) {
+              return;
+          }
           
           if (e.key == "ArrowLeft") {
               window.location.href = 'signals';

public/file-paths

@@ -7,6 +7,9 @@
   </head>
   <script>
       onkeydown = (e) => {
+          if (e.ctrlKey || e.altKey || e.shiftKey) {
+              return;
+          }
           
           if (e.key == "ArrowLeft") {
               window.location.href = 'line-filters';

public/for

@@ -7,6 +7,9 @@
   </head>
   <script>
       onkeydown = (e) => {
+          if (e.ctrlKey || e.altKey || e.shiftKey) {
+              return;
+          }
           
           if (e.key == "ArrowLeft") {
               window.location.href = 'constants';

public/functions

@@ -7,6 +7,9 @@
   </head>
   <script>
       onkeydown = (e) => {
+          if (e.ctrlKey || e.altKey || e.shiftKey) {
+              return;
+          }
           
           if (e.key == "ArrowLeft") {
               window.location.href = 'range';

public/generics

@@ -7,6 +7,9 @@
   </head>
   <script>
       onkeydown = (e) => {
+          if (e.ctrlKey || e.altKey || e.shiftKey) {
+              return;
+          }
           
           if (e.key == "ArrowLeft") {
               window.location.href = 'struct-embedding';

public/goroutines

@@ -7,6 +7,9 @@
   </head>
   <script>
       onkeydown = (e) => {
+          if (e.ctrlKey || e.altKey || e.shiftKey) {
+              return;
+          }
           
           if (e.key == "ArrowLeft") {
               window.location.href = 'custom-errors';

public/hello-world

@@ -7,6 +7,9 @@
   </head>
   <script>
       onkeydown = (e) => {
+          if (e.ctrlKey || e.altKey || e.shiftKey) {
+              return;
+          }
           
           
           if (e.key == "ArrowRight") {

public/http-client

@@ -7,6 +7,9 @@
   </head>
   <script>
       onkeydown = (e) => {
+          if (e.ctrlKey || e.altKey || e.shiftKey) {
+              return;
+          }
           
           if (e.key == "ArrowLeft") {
               window.location.href = 'logging';

public/http-server

@@ -7,6 +7,9 @@
   </head>
   <script>
       onkeydown = (e) => {
+          if (e.ctrlKey || e.altKey || e.shiftKey) {
+              return;
+          }
           
           if (e.key == "ArrowLeft") {
               window.location.href = 'http-client';

public/if-else

@@ -7,6 +7,9 @@
   </head>
   <script>
       onkeydown = (e) => {
+          if (e.ctrlKey || e.altKey || e.shiftKey) {
+              return;
+          }
           
           if (e.key == "ArrowLeft") {
               window.location.href = 'for';

public/interfaces

@@ -7,6 +7,9 @@
   </head>
   <script>
       onkeydown = (e) => {
+          if (e.ctrlKey || e.altKey || e.shiftKey) {
+              return;
+          }
           
           if (e.key == "ArrowLeft") {
               window.location.href = 'methods';

public/json

@@ -7,6 +7,9 @@
   </head>
   <script>
       onkeydown = (e) => {
+          if (e.ctrlKey || e.altKey || e.shiftKey) {
+              return;
+          }
           
           if (e.key == "ArrowLeft") {
               window.location.href = 'regular-expressions';

public/line-filters

@@ -7,6 +7,9 @@
   </head>
   <script>
       onkeydown = (e) => {
+          if (e.ctrlKey || e.altKey || e.shiftKey) {
+              return;
+          }
           
           if (e.key == "ArrowLeft") {
               window.location.href = 'writing-files';

public/logging

@@ -7,6 +7,9 @@
   </head>
   <script>
       onkeydown = (e) => {
+          if (e.ctrlKey || e.altKey || e.shiftKey) {
+              return;
+          }
           
           if (e.key == "ArrowLeft") {
               window.location.href = 'environment-variables';

public/maps

@@ -7,6 +7,9 @@
   </head>
   <script>
       onkeydown = (e) => {
+          if (e.ctrlKey || e.altKey || e.shiftKey) {
+              return;
+          }
           
           if (e.key == "ArrowLeft") {
               window.location.href = 'slices';

public/methods

@@ -7,6 +7,9 @@
   </head>
   <script>
       onkeydown = (e) => {
+          if (e.ctrlKey || e.altKey || e.shiftKey) {
+              return;
+          }
           
           if (e.key == "ArrowLeft") {
               window.location.href = 'structs';

public/multiple-return-values

@@ -7,6 +7,9 @@
   </head>
   <script>
       onkeydown = (e) => {
+          if (e.ctrlKey || e.altKey || e.shiftKey) {
+              return;
+          }
           
           if (e.key == "ArrowLeft") {
               window.location.href = 'functions';

public/mutexes

@@ -7,6 +7,9 @@
   </head>
   <script>
       onkeydown = (e) => {
+          if (e.ctrlKey || e.altKey || e.shiftKey) {
+              return;
+          }
           
           if (e.key == "ArrowLeft") {
               window.location.href = 'atomic-counters';

public/non-blocking-channel-operations

@@ -7,6 +7,9 @@
   </head>
   <script>
       onkeydown = (e) => {
+          if (e.ctrlKey || e.altKey || e.shiftKey) {
+              return;
+          }
           
           if (e.key == "ArrowLeft") {
               window.location.href = 'timeouts';

public/number-parsing

@@ -7,6 +7,9 @@
   </head>
   <script>
       onkeydown = (e) => {
+          if (e.ctrlKey || e.altKey || e.shiftKey) {
+              return;
+          }
           
           if (e.key == "ArrowLeft") {
               window.location.href = 'random-numbers';

public/panic

@@ -7,6 +7,9 @@
   </head>
   <script>
       onkeydown = (e) => {
+          if (e.ctrlKey || e.altKey || e.shiftKey) {
+              return;
+          }
           
           if (e.key == "ArrowLeft") {
               window.location.href = 'sorting-by-functions';

public/pointers

@@ -7,6 +7,9 @@
   </head>
   <script>
       onkeydown = (e) => {
+          if (e.ctrlKey || e.altKey || e.shiftKey) {
+              return;
+          }
           
           if (e.key == "ArrowLeft") {
               window.location.href = 'recursion';

public/random-numbers

@@ -7,6 +7,9 @@
   </head>
   <script>
       onkeydown = (e) => {
+          if (e.ctrlKey || e.altKey || e.shiftKey) {
+              return;
+          }
           
           if (e.key == "ArrowLeft") {
               window.location.href = 'time-formatting-parsing';

public/range

@@ -7,6 +7,9 @@
   </head>
   <script>
       onkeydown = (e) => {
+          if (e.ctrlKey || e.altKey || e.shiftKey) {
+              return;
+          }
           
           if (e.key == "ArrowLeft") {
               window.location.href = 'maps';

public/range-over-channels

@@ -7,6 +7,9 @@
   </head>
   <script>
       onkeydown = (e) => {
+          if (e.ctrlKey || e.altKey || e.shiftKey) {
+              return;
+          }
           
           if (e.key == "ArrowLeft") {
               window.location.href = 'closing-channels';

public/rate-limiting

@@ -7,6 +7,9 @@
   </head>
   <script>
       onkeydown = (e) => {
+          if (e.ctrlKey || e.altKey || e.shiftKey) {
+              return;
+          }
           
           if (e.key == "ArrowLeft") {
               window.location.href = 'waitgroups';

public/reading-files

@@ -7,6 +7,9 @@
   </head>
   <script>
       onkeydown = (e) => {
+          if (e.ctrlKey || e.altKey || e.shiftKey) {
+              return;
+          }
           
           if (e.key == "ArrowLeft") {
               window.location.href = 'base64-encoding';

public/recover

@@ -7,6 +7,9 @@
   </head>
   <script>
       onkeydown = (e) => {
+          if (e.ctrlKey || e.altKey || e.shiftKey) {
+              return;
+          }
           
           if (e.key == "ArrowLeft") {
               window.location.href = 'defer';

public/recursion

@@ -7,6 +7,9 @@
   </head>
   <script>
       onkeydown = (e) => {
+          if (e.ctrlKey || e.altKey || e.shiftKey) {
+              return;
+          }
           
           if (e.key == "ArrowLeft") {
               window.location.href = 'closures';

public/regular-expressions

@@ -7,6 +7,9 @@
   </head>
   <script>
       onkeydown = (e) => {
+          if (e.ctrlKey || e.altKey || e.shiftKey) {
+              return;
+          }
           
           if (e.key == "ArrowLeft") {
               window.location.href = 'text-templates';

public/select

@@ -7,6 +7,9 @@
   </head>
   <script>
       onkeydown = (e) => {
+          if (e.ctrlKey || e.altKey || e.shiftKey) {
+              return;
+          }
           
           if (e.key == "ArrowLeft") {
               window.location.href = 'channel-directions';

public/sha256-hashes

@@ -7,6 +7,9 @@
   </head>
   <script>
       onkeydown = (e) => {
+          if (e.ctrlKey || e.altKey || e.shiftKey) {
+              return;
+          }
           
           if (e.key == "ArrowLeft") {
               window.location.href = 'url-parsing';

public/signals

@@ -7,6 +7,9 @@
   </head>
   <script>
       onkeydown = (e) => {
+          if (e.ctrlKey || e.altKey || e.shiftKey) {
+              return;
+          }
           
           if (e.key == "ArrowLeft") {
               window.location.href = 'execing-processes';

public/slices

@@ -7,6 +7,9 @@
   </head>
   <script>
       onkeydown = (e) => {
+          if (e.ctrlKey || e.altKey || e.shiftKey) {
+              return;
+          }
           
           if (e.key == "ArrowLeft") {
               window.location.href = 'arrays';

public/sorting

@@ -7,6 +7,9 @@
   </head>
   <script>
       onkeydown = (e) => {
+          if (e.ctrlKey || e.altKey || e.shiftKey) {
+              return;
+          }
           
           if (e.key == "ArrowLeft") {
               window.location.href = 'stateful-goroutines';

public/sorting-by-functions

@@ -7,6 +7,9 @@
   </head>
   <script>
       onkeydown = (e) => {
+          if (e.ctrlKey || e.altKey || e.shiftKey) {
+              return;
+          }
           
           if (e.key == "ArrowLeft") {
               window.location.href = 'sorting';

public/spawning-processes

@@ -7,6 +7,9 @@
   </head>
   <script>
       onkeydown = (e) => {
+          if (e.ctrlKey || e.altKey || e.shiftKey) {
+              return;
+          }
           
           if (e.key == "ArrowLeft") {
               window.location.href = 'context';

public/stateful-goroutines

@@ -7,6 +7,9 @@
   </head>
   <script>
       onkeydown = (e) => {
+          if (e.ctrlKey || e.altKey || e.shiftKey) {
+              return;
+          }
           
           if (e.key == "ArrowLeft") {
               window.location.href = 'mutexes';

public/string-formatting

@@ -7,6 +7,9 @@
   </head>
   <script>
       onkeydown = (e) => {
+          if (e.ctrlKey || e.altKey || e.shiftKey) {
+              return;
+          }
           
           if (e.key == "ArrowLeft") {
               window.location.href = 'string-functions';

public/string-functions

@@ -7,6 +7,9 @@
   </head>
   <script>
       onkeydown = (e) => {
+          if (e.ctrlKey || e.altKey || e.shiftKey) {
+              return;
+          }
           
           if (e.key == "ArrowLeft") {
               window.location.href = 'recover';

public/strings-and-runes

@@ -7,6 +7,9 @@
   </head>
   <script>
       onkeydown = (e) => {
+          if (e.ctrlKey || e.altKey || e.shiftKey) {
+              return;
+          }
           
           if (e.key == "ArrowLeft") {
               window.location.href = 'pointers';

public/struct-embedding

@@ -7,6 +7,9 @@
   </head>
   <script>
       onkeydown = (e) => {
+          if (e.ctrlKey || e.altKey || e.shiftKey) {
+              return;
+          }
           
           if (e.key == "ArrowLeft") {
               window.location.href = 'interfaces';

public/structs

@@ -7,6 +7,9 @@
   </head>
   <script>
       onkeydown = (e) => {
+          if (e.ctrlKey || e.altKey || e.shiftKey) {
+              return;
+          }
           
           if (e.key == "ArrowLeft") {
               window.location.href = 'strings-and-runes';

public/switch

@@ -7,6 +7,9 @@
   </head>
   <script>
       onkeydown = (e) => {
+          if (e.ctrlKey || e.altKey || e.shiftKey) {
+              return;
+          }
           
           if (e.key == "ArrowLeft") {
               window.location.href = 'if-else';

public/temporary-files-and-directories

@@ -7,6 +7,9 @@
   </head>
   <script>
       onkeydown = (e) => {
+          if (e.ctrlKey || e.altKey || e.shiftKey) {
+              return;
+          }
           
           if (e.key == "ArrowLeft") {
               window.location.href = 'directories';

public/testing-and-benchmarking

@@ -7,6 +7,9 @@
   </head>
   <script>
       onkeydown = (e) => {
+          if (e.ctrlKey || e.altKey || e.shiftKey) {
+              return;
+          }
           
           if (e.key == "ArrowLeft") {
               window.location.href = 'embed-directive';

public/text-templates

@@ -7,6 +7,9 @@
   </head>
   <script>
       onkeydown = (e) => {
+          if (e.ctrlKey || e.altKey || e.shiftKey) {
+              return;
+          }
           
           if (e.key == "ArrowLeft") {
               window.location.href = 'string-formatting';

public/tickers

@@ -7,6 +7,9 @@
   </head>
   <script>
       onkeydown = (e) => {
+          if (e.ctrlKey || e.altKey || e.shiftKey) {
+              return;
+          }
           
           if (e.key == "ArrowLeft") {
               window.location.href = 'timers';

public/time

@@ -7,6 +7,9 @@
   </head>
   <script>
       onkeydown = (e) => {
+          if (e.ctrlKey || e.altKey || e.shiftKey) {
+              return;
+          }
           
           if (e.key == "ArrowLeft") {
               window.location.href = 'xml';

public/time-formatting-parsing

@@ -7,6 +7,9 @@
   </head>
   <script>
       onkeydown = (e) => {
+          if (e.ctrlKey || e.altKey || e.shiftKey) {
+              return;
+          }
           
           if (e.key == "ArrowLeft") {
               window.location.href = 'epoch';

public/timeouts

@@ -7,6 +7,9 @@
   </head>
   <script>
       onkeydown = (e) => {
+          if (e.ctrlKey || e.altKey || e.shiftKey) {
+              return;
+          }
           
           if (e.key == "ArrowLeft") {
               window.location.href = 'select';

public/timers

@@ -7,6 +7,9 @@
   </head>
   <script>
       onkeydown = (e) => {
+          if (e.ctrlKey || e.altKey || e.shiftKey) {
+              return;
+          }
           
           if (e.key == "ArrowLeft") {
               window.location.href = 'range-over-channels';

public/url-parsing

@@ -7,6 +7,9 @@
   </head>
   <script>
       onkeydown = (e) => {
+          if (e.ctrlKey || e.altKey || e.shiftKey) {
+              return;
+          }
           
           if (e.key == "ArrowLeft") {
               window.location.href = 'number-parsing';

public/values

@@ -7,6 +7,9 @@
   </head>
   <script>
       onkeydown = (e) => {
+          if (e.ctrlKey || e.altKey || e.shiftKey) {
+              return;
+          }
           
           if (e.key == "ArrowLeft") {
               window.location.href = 'hello-world';

public/variables

@@ -7,6 +7,9 @@
   </head>
   <script>
       onkeydown = (e) => {
+          if (e.ctrlKey || e.altKey || e.shiftKey) {
+              return;
+          }
           
           if (e.key == "ArrowLeft") {
               window.location.href = 'values';

public/variadic-functions

@@ -7,6 +7,9 @@
   </head>
   <script>
       onkeydown = (e) => {
+          if (e.ctrlKey || e.altKey || e.shiftKey) {
+              return;
+          }
           
           if (e.key == "ArrowLeft") {
               window.location.href = 'multiple-return-values';

public/waitgroups

@@ -7,6 +7,9 @@
   </head>
   <script>
       onkeydown = (e) => {
+          if (e.ctrlKey || e.altKey || e.shiftKey) {
+              return;
+          }
           
           if (e.key == "ArrowLeft") {
               window.location.href = 'worker-pools';

public/worker-pools

@@ -7,6 +7,9 @@
   </head>
   <script>
       onkeydown = (e) => {
+          if (e.ctrlKey || e.altKey || e.shiftKey) {
+              return;
+          }
           
           if (e.key == "ArrowLeft") {
               window.location.href = 'tickers';

public/writing-files

@@ -7,6 +7,9 @@
   </head>
   <script>
       onkeydown = (e) => {
+          if (e.ctrlKey || e.altKey || e.shiftKey) {
+              return;
+          }
           
           if (e.key == "ArrowLeft") {
               window.location.href = 'reading-files';

public/xml

@@ -7,6 +7,9 @@
   </head>
   <script>
       onkeydown = (e) => {
+          if (e.ctrlKey || e.altKey || e.shiftKey) {
+              return;
+          }
           
           if (e.key == "ArrowLeft") {
               window.location.href = 'json';

templates/example.tmpl

@@ -7,6 +7,9 @@
   </head>
   <script>
       onkeydown = (e) => {
+          if (e.ctrlKey || e.altKey || e.shiftKey) {
+              return;
+          }
           {{if .PrevExample}}
           if (e.key == "ArrowLeft") {
               window.location.href = '{{.PrevExample.ID}}';