sélection de plusieurs éléments à l'aide de la touche maj et cliquez sur la souris - jquery

Est-il possible d'utiliser la touche maj et cliquez sur la souris pour sélectionner plusieurs éléments sur une page à l'aide de jquery?

J'ai plusieurs divs que j'ai donné un tabindex, de sorte que je peux les sélectionner et peut faire des choses comme les supprimer etc.

Je veux être en mesure de sélectionner plus de 1 en maintenant la touche maj enfoncée et utilisez la souris pour cliquer sur chaque div et je suis mal à le faire.

Personne ne sait comment cela peut être fait?

OriginalL'auteur David | 2010-10-02

  1. 7

    J'ai fait quelque chose comme ça il y a quelques temps, avec jQuery:

    $(id).click(function(event){    //Mouse Click+shift event 
        if(event.shiftKey){
                     //give some attribute that can indentify the elements of the selection
                     //example rel='multi-selection' or class='multi-selection'
        }
});

    Alors vous devriez le faire que de fonctions, sélectionnez cet élément et faire tout ce dont vous avez besoin, je l'utilise pour faire glisser plusieurs éléments. Exemple si vous souhaitez supprimer cette vrd, vous pouvez par exemple:

    function deleteMultiSelection(){
    $('html').find('div[rel=multi-selection']).each(function(){
          $(this).remove();
     })

} 

$("#button").click(function(){
    deleteMultiSelection();
})

    Être prudent, car je n'ai pas testé ce code.

    OriginalL'auteur joao

  2. 4

    J'ai un plugin jQuery qui fait exactement ce que vous voulez, il est appelé finderSelect il permet la combinaison Maj+Clic ou Ctrl+Clic, Ctrl+Clic+Glisser-Standard en Cliquant sur n'importe quel élément.

    OriginalL'auteur Mike

  3. 1

    Il sonne comme jQuery UI Sélectionnable est ce que vous êtes après, vous pouvez l'essayer ici.

    De rester avec OS conventions, ils clé qu'il utilise est Ctrl et pas Maj, ce n'est pas une option, vous pouvez changer sans changer le code jQuery UI lui-même. Il a également la fonction de cliquez et faites glisser sur des éléments afin d'obtenir un rectangle de sélection ainsi...si c'est de toute utilisation.

    Je veux juste ajouter que la touche Maj enfoncée pour sélectionner plusieurs voisins est le comportement par défaut.

    OriginalL'auteur Nick Craver

  4. 0

    Sûr, si vous êtes prêt à faire un peu de travail 🙂

    Écouter la maj keydown, définissez une variable que vous pouvez accéder à partir de votre gestionnaire de clic fonctions, si la var est ensemble, puis ajouter cet élément, (ou leur tabindex pour votre implémentation actuelle) à votre liste d'éléments à opérer lorsqu'un "bouton d'action" est pressé.

    unset le var lorsque vous obtenez la maj événement keyup.

    OriginalL'auteur unomi

  5. 0

    Pour être honnête, le Ctrl + clic gauche pour sélectionner plusieurs éléments est assez de l'INTERFACE utilisateur standard de comportement et intégré à la jQueryUI Sélectionnable. Saviez-vous également que vous pouvez faire un clic gauche et faites glisser l'accent sur plusieurs éléments pour les sélectionner?

    Cependant, je peux voir un avantage en offrant le comportement en question, de sorte que diriez-vous à l'aide de gauche, cliquez sur ou faites glisser pour sélectionner, puis clic gauche et glisser pour aussi de sélectionner?

    Il peut ne pas être le moyen le plus efficace de le faire, mais après avoir joué avec l'en-intégré rappels, je suis venu avec quelque chose qui semble fonctionner. Basé sur le code dans votre question que j'ai accroché dans la fonctions de rappel pour stocker ce qui a été sélectionné et également la gestion de la sélection de l'enlèvement. JavaScript dupliqué ci-dessous, mais

    OriginalL'auteur Ishan Jain