$(document).keydown(function(event) {

        doSomething(event);
        event.preventDefault();
    });

С приведенным выше кодом, я могу получить ключевой код для одного ключа. Но когда я использую комбинацию клавиш, я получаю событие для первого и второго ключа. Например,! (Shift + 1), $ (Shift + 4).

Как я могу получить код клавиши для комбинации клавиш?

1
Shashi 31 Янв 2013 в 13:15

3 ответа

Лучший ответ

Вот несколько плагинов, которые могут вам помочь:

  1. https://github.com/jeresig/jquery.hotkeys
  2. https://github.com/madrobby/keymaster (это бесплатно)
1
Ionuț Staicu 31 Янв 2013 в 09:27

Вам нужно запомнить, какая клавиша была нажата. Вы должны слушать события keyup + keydown:

var keyCodesPressed = {};

$(document).keydown(function(event) {
  keyCodesPressed[event.which] = true;
  // here you should have all keys which are currently pressed:
  for (keyCode in keyCodesPressed) {
    // and you can loop over them and detect which are the ones currently pressed
  } 
});

$(document).keyup(function(event) {
  delete keyCodesPressed[event.which];
});
0
hereandnow78 31 Янв 2013 в 09:23

Вы можете расширить объект jquerys fn функцией, которая обрабатывает запуск функций обратного вызова на основе нажатых клавиш и сопоставления с регулярным выражением.

Я написал похожий ответ, перед которым поддерживалось сопоставление регулярных выражений отдельных ключей , я просто немного изменил его, чтобы поддерживать несколько ключей.

  $.fn.selectedKey = (function () {
      var keys = "";
      var last = "";
      var key = "";
      return function (cb, data) {
          def.call(data, {
              ctrlKey: 2, //0: musn't be pressed, 1: must be pressed, 2: both.
              altKey: 2, // "
              invert: 0, //inverts the filter
              filter: /.*/, // A Regular Expression, or a String with a Regular Expression
              preventDefault: false //Set to true to prevent Default.
          }); //Sets the default Data for the values used,

          function validate(e) {

              var exp = new RegExp(e.data.filter.replace(/\\\\(\d)/g, String.fromCharCode("$1"))); //Creates a new RegExp from a String to e.g. allow "\2" to match the keyCode 2
              var c = !! (e.data.ctrlKey ^ e.ctrlKey ^ 1 > 0); //c == true if the above stated conditions are met e.g Ctrl Key Pressed and `ctrlKey == 1` -> true
              var a = !! (e.data.altKey ^ e.altKey ^ 1 > 0); //e.g Alt Key Pressed and `altKey == 0` -> false
              //console.log(keys,exp,c,a)
              return (exp.test(keys) && (c && a)); //Returns the validation Result
          }

          function def(obj) { //a minimal helper for default values
              for (var prop in obj) {
                  this[prop] = this[prop] || obj[prop];
              }
          }
          this.keypress(data, function (e) {

              key = e.char = String.fromCharCode(e.keyCode || e.which); //Converts the pressed key to a String
              keys += ( !! ~ (keys.indexOf(key))) ? "" : key;
              key = key["to" + (e.shiftKey ? "Upper" : "Lower") + "Case"]();
              keys = keys["to" + (e.shiftKey ? "Upper" : "Lower") + "Case"](); //case handling
              if (e.data.preventDefault) e.preventDefault();

              if ((validate(e) != e.data.invert) && keys != last) {

                  cb(e);
                  last = keys;
                  //Calls the callback function if the conditions are met
              }
          });
          if (!this.data("keyupBound")) {
              this.keyup(data, function (e) {

                  key = e.char = String.fromCharCode(e.keyCode || e.which); //Converts 
                  var t = keys.toLowerCase()
                      .split("");
                  t.splice(t.indexOf(e.char), 1);
                  keys = t.join("");
                  last = keys;
              });
              this.data("keyupBound", true);
          }
      };

  })();


$("body").selectedKey(function (e) {
    console.log("All lower characters, Numbers and 'A': " + e.char);
}, {
    filter: "^[a-z]|[0-9]|A$",
    ctrlKey: 2,
    altKey: 2
});

$("body").selectedKey(function (e) {
    console.log("KeyCode 2 " + e.char); // Ctrl + b
}, {
    filter: "\\2",
    ctrlKey: 1,
    altKey: 2
});

Вы также можете, например, сделать filter:/.{4,5}/, который сработал бы при нажатии любой из 4-5 клавиш

И, например, это срабатывает при нажатии A + S + D

$("body").selectedKey(function (e) {
    console.log("ASD has been pressed"); // Ctrl + b
}, {
    filter: "^ASD$",
    ctrlKey: 2,
    altKey: 2
});

Вот рабочий пример JSBin

Изменить заметку. Исправлено постоянное срабатывание при удержании клавиш, если проверка оценена как true
Edit2: исправлена переменная last, неправильно используемая ...

1
Community 23 Май 2017 в 12:04