Comment éviter l'effet vacillant javascript glisser-déposer

Question

J'utilise le javascript suivant (avec jQuery) pour gérer le glisser-déposer sur un script que je vous écris:

jsc.ui.dragging = false; 
jsc.ui.drag_element = {}; 
$(".drag-target").mousedown(function() { 
    jsc.ui.drag_element = $(this); 
    jsc.ui.dragging = true; 
}); 
$("html").mousemove(function(e) { 
    if(jsc.ui.dragging) { 
     jsc.ui.drag_element.css({"position": "absolute", "top": e.clientY - 1, "left": e.clientX - 1, "z-index": "100"}); // - 1s are due to IE not leaving go otherwise 
     $("#overlay").show(); // Overlay stops text beneath being selected. TODO Stop current elements text being selected. 
    } 
}); 
$(".drag-target").mouseup(function() { 
    if(jsc.ui.dragging) { 
     jsc.ui.dragging = false; 
     jsc.ui.drag_element.css("z-index", "98"); 
     $("#overlay").hide(); 
    } 
}); 

Toutefois, lorsque l'objet est déplacé, les le texte à l'intérieur a une sélection clignotante, c'est-à-dire qu'il est activé et désactivé lorsque l'élément est déplacé. Est-il possible d'empêcher cela ou de cacher son effet?

Answer 1

Y a-t-il une raison pour ne pas utiliser jQuery UI Draggable? Votre code ressemblerait que:

$(".drag-target").draggable(); 

Vous devriez au moins vérifier comment il est construit, il peut vous aider à vous résoudre le problème vacillante.

Answer 2

Je pense que l'ampleur de l'effet dépend de votre pilote matériel et vidéo. Pour l'éviter complètement, vous pouvez simplement dessiner un rectangle et redessiner la fenêtre lorsque le bouton de la souris est relâché.