Обработчики событий JavaScript или jQuery для "Ctrl" / "Shift" + щелчок левой кнопкой мыши

Question

Возможно ли обрабатывать такие события как:

• Ctrl + щелчок левой кнопкой мыши;
• Shift + щелчок левой кнопкой мыши;
• Alt + щелчок левой кнопкой мыши с помощью JavaScript , jQuery или других структур.

Если это возможно, приведите пример кода для него.

Answer 1

Вы можете сделать что-то вроде этого (jQuery для обработчика кликов, но любой фреймворк работает на той части, которая имеет значение):

$(selector).click(function(e) {
  if(e.shiftKey) {
    //Shift-Click
  }
  if(e.ctrlKey) {
    //Ctrl+Click
  }
  if(e.altKey) {
    //Alt+Click
  }
});

Просто обращайтесь с тем, что вам нужно, внутри if внутри обработчика щелчка, как у меня выше.

Answer 2

Если вы используете плагин JQuery под названием горячие клавиши , вы можете обрабатывать специальные клавиши ниже.

$(document).bind('keydown', 'Ctrl+c', fn);

Answer 3

Совсем недавно я столкнулся с проблемой использования e.ctrlKey, которая не работает на MAC. В Macintosh тот же эффект достигается с помощью Command + Click.

Поскольку большинство приведенных выше ответов уже предполагают использование jQuery, вы можете просто использовать свойство e.metaKey, доступное в jQuery.

, например

$(selector).click(function(e) {
  if(e.shiftKey) {
    //Shift-Click
  }
  if(e.metaKey) {
    //Ctrl+Click on Windows & Command+Click on Mac.
  }
  if(e.altKey) {
    //Alt+Click
  }
});