Set-Taste Status, um aktiv mit jQuery

Ich brauche, um meine buttons zu gehen .aktiven Zustand, wenn Sie die Tastatur-Taste gedrückt wird, und nicht nur, wenn geklickt wird.

hier ist mein code... vielen Dank im Voraus.

Skript :

$(document).on('keypress', function (e) {
    var tag = e.target.tagName.toLowerCase();
    if (e.which === 119 && tag != 'input' && tag != 'textarea')
        $('#forward').click();
    if (e.which === 115 && tag != 'input' && tag != 'textarea')
        $('#back').click();
    if (e.which === 97 && tag != 'input' && tag != 'textarea')
        $('#left').click();
    if (e.which === 100 && tag != 'input' && tag != 'textarea')
        $('#right').click();
});

$(function () {
    $("#forward").click(function () {
        $.ajax('/forward');
    });
    $("#back").click(function () {
        $.ajax('/back');
    });
    $("#left").click(function () {
        $.ajax('/left');
    });
    $("#right").click(function () {
        $.ajax('/right');
    });
});

HTML : 

<ul class="button-list">
 <li>
    <button id="forward">W</button>
 </li>
 <li>
    <button id="back">S</button>
 </li>
 <li>
    <button id="left">A</button>
 </li>
 <li>
    <button id="right">D</button>
 </li>
</ul>

...................................................................................

du meinst den :active-Zustand als css-pseudo-Klasse?
Sorry, ja, das ist richtig.
Im moment ist die css-animation läuft nicht auf Tastendruck.

InformationsquelleAutor user1919580 | 2013-08-28

  1. 6

    Erstellen Sie eine class die style ist das gleiche der :active Zustand der button so :

    Allgemeines Beispiel

    .buttonclass:active , .activated { /* somestyle */ }

$('.buttonclass').on('click', function(){ 
  $(this).addClass('activated'); //eventually removeClass of some previous class
  //other stuff
});

    Ihren CODE

    CSS

    #forward:active, .forwardactivate{}
#back:active, .backactivate{}

    Ist oder wenn Sie eine ul li button style dann haben Sie zu tun: 

    ul li button:active, .activatebutton {} /* style*/

    JAVASCRIPT

         $(function() {
            $("#forward").click(function() {
              $.ajax('/forward');
              if($(this).hasClass('forwardactivate'))
                $(this).removeClass('forwardactivate'); //change with .activatebutton
              else      
               $(this).addClass('forwardactivate');
             });

            //etc
     });
    Genau das, Was ich suchte, danke!
    aber jetzt habe ich das unter, aber es bleibt auf der aktivierten Klasse, nachdem ich gedrückt habe. $.ajax('/forward'); $('button').removeClass('active'); $(this).addClass('active');
    Bearbeitet. Wenn Sie denken, ist die richtige Antwort, bitte akzeptieren Sie es 🙂

    InformationsquelleAutor steo

  2. 1

    Ich weiß nicht, was du meinst über "Set-Taste .Aktiv" aber Sie können zum Beispiel Auslöser sein klicken Sie auf, indem Sie diesen code ein :

    $(document).keypress(function(e){

    if(e.keychar == 'w')
    {
        $("#forward").trigger('click');
        //You can do any thing here ex. "set button state Active"
        //$("#forward").addClass('active');
    }
    else if(e.keychar == 's')
        $("#back").trigger('click');
    else if(e.keychar == 'a')
        $("#left").trigger('click');
    else if(e.keychar == 'd')
        $("#right").trigger('click');

});

    InformationsquelleAutor Ali Foroughi

  3. 0

    kannst du nicht hinzufügen .aktive Klasse laut der Seite... sagen, wenn Sie auf - /vorwärts-add .active weiterleiten... oder Sie können es tun, wie auch diese:

    $("#forward").click(function() {
      $.ajax('/forward');
      $('button').removeClass('active');
      $(this).addClass('active');
});
    'Schaltfläche " Selektor".- Taste'

    InformationsquelleAutor Bharat Soni

Schreibe einen Kommentar