Переопределение сочетаний клавиш браузера

Question

Я бы хотел добавить поддержку сочетаний клавиш для нескольких страниц в моем веб-приложении, перехватывая обработчик события нажатия клавиши объекта документа, а не атрибут accesskey.

Проблема в том, что каждый браузер имеет свои собственные комбинации клавиш, поэтому невозможно создать набор комбинаций клавиш, которые работают во всех веб-браузерах и в то же время согласованы (например, было бы глупо, если бы ярлык для сохранения был Ctrl + Shift + S , в то время как один для удаления был Alt + D .)

Поэтому я подумал, что было бы проще переопределить ярлыки браузера на нескольких страницах вместе с моими.

С другой стороны, возможно ли это? Если да, то как ты это делаешь?

Answer 1

onkeydown = function(e){
  if(e.ctrlKey && e.keyCode == 'S'.charCodeAt(0)){
    e.preventDefault();
    //your saving code
  }
}

Answer 2

Здесь есть превосходный охват: http://unixpapa.com/js/key.html

Что касается того, что нужно сделать, редактор вопросов stackoverflow переопределяет довольно много клавиш, не нарушая слишком много (наведите курсор на кнопки панели инструментов).

Answer 3

Вот мое решение этой проблемы:

Большинство (если не все) ярлыков браузера будут переопределены. Только системные, такие как Alt + Tab или клавиша Windows не будут.

document.onkeydown = overrideKeyboardEvent;
document.onkeyup = overrideKeyboardEvent;
var keyIsDown = {};

function overrideKeyboardEvent(e){
  switch(e.type){
    case "keydown":
      if(!keyIsDown[e.keyCode]){
        keyIsDown[e.keyCode] = true;
        // do key down stuff here
      }
    break;
    case "keyup":
      delete(keyIsDown[e.keyCode]);
      // do key up stuff here
    break;
  }
  disabledEventPropagation(e);
  e.preventDefault();
  return false;
}
function disabledEventPropagation(e){
  if(e){
    if(e.stopPropagation){
      e.stopPropagation();
    } else if(window.event){
      window.event.cancelBubble = true;
    }
  }
}

Answer 4

Вот мое решение:

document.onkeydown = function () {
                       if ((window.event.keyCode == 121) && (window.event.ctrlKey))) {
               window.event.returnValue = false;
               window.event.cancelBubble = true;
               window.event.keyCode = 0;
               return false;
           }
       }