Wie kann ich feststellen, welche Ctrl / Shift/ AltTasten im folgenden Code gedrückt werden?

$("#my_id").click(function() {
    if (<left control key is pressed>) { alert("Left Ctrl"); }
    if (<right shift and left alt keys are pressed>) { alert("Right Shift + Left Alt"); }
});

Nun, das funktioniert nicht in allen Browsern, nur in IE 8. Microsoft hat die Möglichkeit implementiert, zu bestimmen, welche (rechts / links) Taste gedrückt wurde. Hier ist ein Link http://msdn.microsoft.com/en-us/library/ms534630(VS.85).aspx

Ich habe auch diesen Wunderartikel über Tastendruck, Tastendruck und Keydown-Ereignis in Browsern gefunden. http://unixpapa.com/js/key.html

$('#someelement').bind('click', function(event){ 

    if(event.ctrlKey) {
      if (event.ctrlLeft) {
        console.log('ctrl-left'); 
      }
      else {
        console.log('ctrl-right');
      }
    }
    if(event.altKey) {
      if (event.altLeft) {
        console.log('alt-left'); 
      }
      else {
        console.log('alt-right');
      }
    }
    if(event.shiftKey) {
      if (event.shiftLeft) {
        console.log('shift-left'); 
      }
      else
      {
        console.log('shift-right');
      }
    }
  }); 

$('#someelement').bind('click', function(event){
   if(event.ctrlKey)
      console.log('ctrl');
   if(event.altKey)
      console.log('alt');
   if(event.shiftKey)
      console.log('shift');

});

Ich weiß nicht, ob es möglich ist, innerhalb eines Klickereignisses nach linken / rechten Tasten zu suchen, aber ich denke nicht, dass dies möglich ist.

e.originalEvent.locationGibt 1 für die linke Taste und 2 für die rechte Taste zurück. So können Sie modifierwie folgt erkennen, welche Taste gedrückt wird. Hoffe das wird dir helfen.

var msg = $('#msg');
$(document).keyup(function (e) {
      if (e.keyCode == 16) {
          if (e.originalEvent.location == 1)
              msg.html('Left SHIFT pressed.');
          else
              msg.html('Right SHIFT pressed.');
      } else if (e.keyCode == 17) {
          if (e.originalEvent.location == 1)
              msg.html('Left CTRL pressed.');
          else
              msg.html('Right CTRL pressed.');
      } else if (e.keyCode == 18) {
          if (e.originalEvent.location == 1)
              msg.html('Left ALT pressed.');
          else
              msg.html('Right ALT pressed.');
        
          e.preventDefault(); //because ALT focusout the element
      }
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<label>Press modifier key: </label>
<strong id="msg"></strong>

In den meisten Fällen sind die ALT, CTRLund SHIFTSchlüssel booleans zu sehen , arbeiten , wenn diese Tasten gedrückt wurden. Zum Beispiel:

var altKeyPressed = instanceOfMouseEvent.altKey

Wenn es aufgerufen wird, gibt es wahr oder falsch zurück. Weitere Informationen finden Sie unter https://developer.mozilla.org/en-US/docs/Web/API/MouseEvent/altKey

Zum späteren Nachschlagen gibt es auch einen namens metaKey(nur NS / Firefox), der funktioniert, wenn die Metataste gedrückt wird.

Nach meinem Kommentar ist dies eine mögliche Lösung.

Um zu überprüfen, welche bestimmte Modifizierertaste gedrückt wird, können Sie KeyboardEvent Location verwenden ( siehe Tabellenunterstützung ).

Um IE8 zu unterstützen, können Sie zum Glück bereits veröffentlichte Lösungen verwenden .

Die Problemumgehung besteht nun darin, ein globales Objekt mit relevanten Eigenschaften festzulegen, für die Modifikatortasten gehalten werden. Andere Wege ohne Verwendung eines globalen Objekts wären natürlich möglich.

Hier erfasse ich Ereignisse mit der relevanten Javascript-Listener-Methode (jQuery unterstützt die Erfassungsphase nicht) . Wir erfassen Ereignisse, um Fälle zu behandeln, in denen die keydown/keyupWeitergabe von Ereignissen aus irgendeinem Grund durch bereits verwendeten Code gestoppt wird.

/* global variable used to check modifier keys held */
/* Note: if e.g control left key and control right key are held simultaneously */
/* only first pressed key is handled (default browser behaviour?)*/
window.modifierKeys = (function() {
  /* to handle modifier keys except AltGr which is key shortcut for controlRight + alt */
  var mKeys = {};
  /* to fire keydown event only once per key held*/
  var lastEvent, heldKeys = {};
  // capture event to avoid any event stopped propagation
  document.addEventListener('keydown', function(e) {
    if (lastEvent && lastEvent.which == e.which) {
      return;
    }
    lastEvent = e;
    heldKeys[e.which] = true;
    setModifierKey(e);
  }, true);
  // capture event to avoid any event stopped propagation
  document.addEventListener('keyup', function(e) {
    lastEvent = null;
    delete heldKeys[e.which];
    setModifierKey(e);
  }, true);

  function setModifierKey(e) {
    mKeys.alt = e.altKey;
    mKeys.ctrlLeft = e.ctrlKey && e.location === 1;
    mKeys.ctrlRight = e.ctrlKey && e.location === 2;
    mKeys.shiftLeft = e.shiftKey && e.location === 1;
    mKeys.shiftRight = e.shiftKey && e.location === 2;
  }
  return mKeys;
})();

/* on div click, check for global object */
$('.modifierKey').on('click', function() {
  console.log(modifierKeys);
  /* for demo purpose */
  $('.info').text(function() {
    var txt = [];
    for (var p in modifierKeys) {
      if (modifierKeys[p]) txt.push(p);
    }
    return txt.toString();
  });
})

/* for demo purpose */

.info:not(:empty) {
  border: 1px solid red;
  padding: .1em .5em;
  font-weight: bold;
}
.info:not(:empty):after {
  content: " held";
  font-weight: normal;
 }

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div class="modifierKey" tabindex="-1">
  DIV to catch modifier keys on click
</div>
<br>
<span class="info"></span>

Als Randnotizen:

• ALT GRTaste ist eine Tastenkombination für CTRL-Right& ALT Tasten
• Wenn Sie gleichzeitig zwei einzelne Modifizierertasten (z. B. Shift-Left- und Shift-Rigth-Tasten) gedrückt halten, wird nur die erste Taste behandelt (scheint das Standardverhalten des Browsers zu sein, scheint also richtig zu sein!).

Ich dachte nur, ich würde eine Antwort hinzufügen, die für 2020 angemessen ist.

Sie können dies jetzt auch verwenden MouseEvent.getModifierState()- es wird zum Zeitpunkt des Schreibens von den meisten Browsern unterstützt .

document.addEventListener("click", (evn) => {
  const shift = evn.getModifierState("Shift");
  const ctrl = evn.getModifierState("Control");
  const alt = evn.getModifierState("Alt");

  console.log("Mouse pressed! Modifiers:");
  console.table({shift, ctrl, alt});
});

Vorsichtsmaßnahmen:

• Insbesondere unterscheidet diese API nicht zwischen linken und rechten Modifikatoren. Wenn Sie sich darum kümmern, haben Sie Pech. Aber ich stelle mir vor, dass dies nur für eine kleine Anzahl von Anwendungsfällen von Bedeutung ist.
• Einer der wichtigsten Vorteile dieser API ist , dass es Modifikatoren andere unterstützt als shift, ctrlund alt. Das spezifische Verhalten ist jedoch auf verschiedenen Betriebssystemen aufgrund angeborener Plattformunterschiede etwas unregelmäßig. Überprüfen Sie hier, bevor Sie sie verwenden.

Verwenden Sie js-Hotkeys . Es ist ein jQuery-Plugin.

Dies ist ein Test, um zu zeigen, wonach Sie suchen. Es zeigt Ihnen auch, wie Sie die Standardtasten links, rechts, oben und unten und die Tasten auf dem Ziffernblock (der mit den Nummern 2,4,6,8) erfassen! http://afro.systems.googlepages.com/test-static-08.html

Einfacher als alles andere: Sie verwenden das Keydown-Ereignis, um zu überprüfen, ob es Ctrl(17) oder Shift(16) ist, und verwenden dann das Keyup-Ereignis, um zu überprüfen, ob es Enter(13) ist, und / Ctrloder Shiftzu drücken, bevor Sie (bei gedrückter Taste) abbrechen Ctrloder Shiftbei einem anderen Keyup alsEnter

Klappt wunderbar! und auch auf Chrome, Firefox, IE und Edge;) https://jsfiddle.net/55g5utsk/2/

var a=[];
function keyName(p){
    var cases = {16:'Shift',17:'CTRL',18:'Alt'};
    return cases[p] ? cases[p] : 'KeyCode: '+p;
}
function keyPosition(p){
    var cases = {1:'Left',2:'Right'};
    return cases[p] ? cases[p]+' ' : '';
}
$('input').on('keydown',function(e){
    a.push(keyPosition(e.originalEvent.location)+keyName(e.keyCode));
})
$('input').on('keyup',function(){
    var c='';
    var removeDuplicates = [];
    $.each(a, function(i, el){
        if ($.inArray(el, removeDuplicates) === -1) {
           removeDuplicates.push(el);
           c=c+(el)+' + ';
        }
    });
    a=[];
    alert(c.slice(0, -3))
});

Es folgt eine Version mit dem Klickereignis http://jsfiddle.net/2pL0tzx9/

var a=[];
function keyName(p){
    var cases = {16:'Shift',17:'CTRL',18:'Alt'};
    return cases[p] ? cases[p] : '';
}
function keyPosition(p){
    var cases = {1:'Left',2:'Right'};
    return cases[p] ? cases[p]+' ' : '';
}
$(document).on('keydown',function(e){
    a.push(keyPosition(e.originalEvent.location)+keyName(e.keyCode));
})
$('#my_id').on('click',function(){
    var c='';
    var removeDuplicates = [];
    a =a.filter(function(v){return v!==''});
    $.each(a, function(i, el){
      if ($.inArray(el, removeDuplicates) === -1){
          removeDuplicates.push(el);
          c=c+(el)+' + ';
      }
    });
    if (c) alert(c.slice(0, -3));
    a=[];   
});

Es gibt einige Gründe , die rechts und links CTRL, SHIFTund ALTTasten sind nicht zu unterscheiden , weil 1. keycodes gleich ist 2. Viele Laptop - Tastaturen nicht zwei Steuertasten Referenz genommen haben: Wie kann ich feststellen , ob ein Ereignis von rechts Strg - Taste kommt?