vuelo estacionario Desactivar, el texto seleccionar, etc cuando se arrastra un elemento en jQuery conectar

Question

Tengo un carrusel con sede fuera de:

http://nooshu.com/explore/jquery-iphone-animation/

Cuando se está en el proceso de agarrar y arrastrar, eres apto para seleccionar texto Si tengo enlaces en los paneles, aparece el mensaje emergente, etc ...

Me gustaría deshabilitar todo eso, por lo que cuando está en el proceso de arrastrar, el resto de la interacción está deshabilitada.

Ideas?

Answer 1

Crear una clase de estilo de esta manera:

.unselectable { 
    -moz-user-select: none; 
    -khtml-user-select: none; 
    -webkit-user-select: none; 
    user-select: none; 
    -ms-user-select : none 
} 

Entonces altera el Javascript ligeramente para asignar esta clase de mousedown. Entonces, a partir de ese guión inalterado, se vería así.

jQuery(function($){ 
    //Initialise 
    iPhoneAnimation.init(); 

    //Mouse down bind move event 
    $(".content-box").bind("mousedown", function(e){ 
      $(this).bind("mousemove", iPhoneAnimation.moveInfo); 
      $(this).addClass("unselectable"); // <-- ADD THIS 
    }); 

    //Unbind mouse event 
    $(".content-box").bind("mouseup", function(e){ 
     var $this = $(this); 

     $this.unbind("mousemove", iPhoneAnimation.moveInfo); 
     //Animate the panel 
     iPhoneAnimation.panelAnimate($this); 
     //Reset the private var 
     iPhoneAnimation.resetVars(); 

     $(this).removeClass("unselectable"); // <-- AND ADD THIS 
    }); 
}); 

para desactivar cierne necesita para desenlazar los eventos en mousedown así:

$(this).unbind('mouseenter mouseleave'); 

A continuación, volver a enlazar de nuevo en mouseup que el anterior.

Answer 2

document.onmousemove = function(ev) 
{ 
    ev.preventDefault(); 
    /* 
    move it 
    */ 
} 

Answer 3

Me completar la respuesta de Icchanobot con una línea más:

-ms-user-select : none 

para que funcione con Internet Explorer 11/-