JavaScript Drag & amp; Sélectionnez la fonctionnalité correctement

Je suis en train d'écrire un drag & sélectionnez les fonctionnalités à l'aide HTML & JavaScript. Je veux dire par là qu'il y aura un ensemble d'objets arbitraires des positions absolues. Je veux être en mesure de faire glisser le curseur sur la zone où elles sont définies. Pensez-y comme une stratégie RTS (sélection des unités) ou à défaut, de tout éditeur de graphiques vectoriels (sélection d'objets pour les déplacer et édition).

Tout d'abord, je suis au courant des choses qui se présentent dans les premières pages de Google & de la SORTE. Donc je ne suis en aucun cas demander de googler ces choses pour moi et de poster ici quelques aléatoire des liens.

La plupart des solutions que j'ai pu trouver sont d'une certaine façon erronée. Le problème principal est la suppression effective de la sélection de texte, ce qui semble sorte de contraire à la nature même d'un navigateur web. Certains des fragments de code à cause de la sélection scintillantes que je trouve très ennuyeux. Certains ne se comportent pas bien dans tous les principaux navigateurs.

Je suis en demandant des recommandations du code/les bibliothèques que vous avez réellement utilisé, ou vus utilisé avec succès.

La deuxième chose, c'est que j'aimerais vraiment comprendre le fonctionnement interne de JavaScript derrière la suppression de la sélection. Comment faut-il le faire en théorie. Est-il un non-hackish la réalisation de cet objectif?

Le plus proche de ce que j'ai pu trouver ceci:
http://view.jquery.com/tags/ui/1.5b2/demos/ui.selectable.html

Cependant, elle semble être étroitement couplé avec jQuery UI, qui à son tour nécessite jQuery 1.3.x alors que j'étais vraiment impatient à l'utilisation de jQuery 1.5

source d'informationauteur julkiewicz

  1. 22

    Désolé pour mon anglais. Je suis l'aide de cette bibliothèque pour le glisser/déposer et c'est génial. Pas sûr si c'est ce que vous avez besoin, mais il pourrait aider:

    http://threedubmedia.com/code/event/drop/demo/selection

    http://threedubmedia.com/code/event/drag

    http://threedubmedia.com/code/event/drop

  2. 1

    Le problème principal est la suppression effective de la sélection de texte, ce qui semble sorte de contraire à la nature même d'un navigateur web.

    La fonction que vous cherchez est à l'e.preventDefault();

    $("#inputform").mousedown(function(e){
    e.preventDefault();
    //console.log('mousedown');
}).mouseup(function(e){
    e.preventDefault();
    //console.log('mouseup');
});

    Ce seulement résout le problème de la sélection de texte. Je peux voir les différents glisser sélectionnez js scritps à travers le web, mais de toute façon je suis incapable de les faire travailler.

  3. 1

    Je ne suis pas sûr à 100%, si j'étais à votre question de droit. Mais j'ai fait deux plugins qui gèrent le cas que vous décrivez, je pense. Ils n'ont pas besoin de dépendance, donc pas besoin de jQuery ou de ce que-si-jamais. Même si vous ne les utilisez pas, le code est bien documenté et doit vous aider en écrivant votre propre.

    Pour le glisser-déposer, il est dragNdrop

    Pour le mécanicien de sélection, il est DragSelect

    Vous êtes les bienvenus. Espérons que ça aide!

  4. 0

    Même si vous désirez utiliser jquery 1.5, je vais encore vous recommandons de vérifier la jquery-ui Déplaçable option (à partir de la façon dont je suis l'interprète de vos désir cela semble être ce que vous tentez d'accomplir).

    http://jqueryui.com/demos/draggable/

    jquery-ui est toujours très rapide pour rattraper avec la dernière version de jquery, et dans beaucoup de cas, beau travail. J'ai trouvé que jquery-ui tend à rester à jour avec jquery mieux que tous les autres add-ons que j'ai trouvé.

    En ce qui concerne l'envie de savoir comment cela doit être fait, vous pouvez explorer la non compressé de base de jquery plutôt facilement. Il est très bien documenté et assez simple à lire.