jQuery Trigger Tastencode Strg+Umschalt+z & Strg+z im wysiwyg-textarea

ich Frage mich, wie kann ich das Ereignis auszulösen keyCode komponiert von Ctrl+z und das event keycode komponiert von Ctrl+Shift+z ?

für eine bessere Erklärung, die ich würde gerne wissen, wie die klassischen Undo & Redo-Tasten für eine wysiwyg-textarea ... die beste Praxis

InformationsquelleAutor itsme | 2011-10-12

  1. 5

    Wenn Sie wollen, um das Ereignis auszulösen, dann sollte es so etwas wie dieses:

    HTML

    <!DOCTYPE html>
<html>
<head>
</head>
<body>
  <input type=button value=CTRL+SHIFT+Z id=bcsz />
  <input type=button value=CTRL+Z id=bcz />
  <textarea id=t ></textarea>
</body>
</html>

    JavaScript

    var t = document.getElementById('t'), //textarea
    bcsz = document.getElementById('bcsz'), //button ctrl shift z
    bsz = document.getElementById('bcz'),  //button ctrl z
    csz = document.createEvent('KeyboardEvents'), //ctrl shift z event
    cz = document.createEvent('KeyboardEvents'); //ctrl z event

csz.initKeyboardEvent(
           'keydown', 
           true,     //key down events bubble 
           true,     //and they can be cancelled 
           document.defaultView,  //Use the default view 
           true,        //ctrl 
           false,       //alt
           true,        //shift
           false,       //meta key 
           90,          //keycode
           0
          );  
cz.initKeyboardEvent(
           'keydown', 
           true,     //key down events bubble 
           true,     //and they can be cancelled 
           document.defaultView,  //Use the default view 
           true,        //ctrl 
           false,       //alt
           false,        //shift
           false,       //meta key 
           90,          //keycode
           0
          );  

bcz.addEventListener('click', function(){
  t.dispatchEvent(cz); 
}, false);

bcsz.addEventListener('click', function(){
  t.dispatchEvent(csz); 
}, false);

    BLICK AUF JSBIN LINK

    Aber es scheint, dass es nicht funktioniert. Ich habe nicht mehr Zeit für diese, aber ja, das ist eine Frage der Sicherheit. Ich würde sehen, diese docs an MSDN, W3C und MDN zu sehen, ob es ein richtiger Weg, dies zu tun.

    thx kein problem, Mann! 😉
    also dieser code und es funktioniert nicht ? Was ist der Punkt.
    oh sorry Ihr kostenloses code nicht funktionieren kann. Vielleicht brauchen Sie zum Lesen von Dokumentationen!

    InformationsquelleAutor Mohsen

  2. 10

    Verwenden e.which wurde die normalisierte cross-browser, die von jquery. 

    $(document).keydown(function(e){
      if( e.which === 90 && e.ctrlKey && e.shiftKey ){
         console.log('control + shift + z'); 
      }
      else if( e.which === 90 && e.ctrlKey ){
         console.log('control + z'); 
      }          
});
    Hast du auch diesen code testen? Das wird nicht funktionieren
    Fiddle jsfiddle.net/pZgB2/1
    Ich sah Ihr zu Bearbeiten. Es ist gut jetzt. Noch Strg+shift+z feuert Strg+z. Das ist fix: jsfiddle.net/pZgB2/2
    Guter Punkt, bearbeitet. Hatte mein anderes, wenn rückwärts vor. Seite beachten Sie, keyup würde auch funktionieren.
    der Schlüssel ist die Arbeit, wenn Sie halten Sie die anderen Tasten. Keine gute UX 🙂

    InformationsquelleAutor aziz punjani

  3. 3

    Strg und Shift-Tasten sind in wichtige Ereignisse, sondern keycode Schiedsrichter auf die Taste, die Sie drücken. Strg und Shift sind Steuerungstasten, und Sie haben Ihre eigenen Schlüssel in der Schlüssel-Ereignisse.

    Zum Beispiel, wenn Sie drücken Sie Ctrl+Shift+Z dann keydown-Ereignis wäre diese:

    {
    altGraphKey: false
    altKey: false
    bubbles: true
    cancelBubble: false
    cancelable: true
    charCode: 0
    clipboardData: undefined
    ctrlKey: true
    currentTarget: null
    defaultPrevented: true
    detail: 0
    eventPhase: 0
    keyCode: 90
    keyIdentifier: "U+004C"
    keyLocation: 0
    layerX: 0
    layerY: 0
    metaKey: false
    pageX: 0
    pageY: 0
    returnValue: false
    shiftKey: true
    srcElement: HTMLTextAreaElement
    target: HTMLTextAreaElement
    timeStamp: 1318460678544
    type: "keydown"
    view: DOMWindow
    which: 90
    __proto__: KeyboardEvent
}

    Wie Sie sehen können, gibt es zwei Schlüssel für Ctrl und Shift Tasten, die wahr sind, weil diese Tasten gedrückt wurden, während Sie Z.

    Sodass Sie erkennen kann, das Ereignis so:

    document.addEventListener('keydown', function(event){
  if(event.keyCode == 90 && event.ctrlKey && event.shiftKey){
   //do your stuff
  }
}, false);

    Hinweis: Sie sollten hören keydown für mehrere Schlüssel-Tastatur-shortcuts. keyup würde nicht funktionieren.

    InformationsquelleAutor Mohsen

Schreibe einen Kommentar