javascript - imagenes - drag and drop jquery ejemplos
Deshabilitar arrastrar y soltar en elementos HTML? (7)
Con jQuery será algo así:
$(document).ready(function() {
$(''#yourDiv'').on(''mousedown'', function(e) {
e.preventDefault();
});
});
En mi caso, quise deshabilitar al usuario del texto desplegable en las entradas, así que usé "drop" en lugar de "mousedown".
$(document).ready(function() {
$(''input'').on(''drop'', function(event) {
event.preventDefault();
});
});
En cambio event.preventDefault () puede devolver falso. Aquí está la diferencia.
Y el código:
$(document).ready(function() {
$(''input'').on(''drop'', function() {
return false;
});
});
Estoy trabajando en una aplicación web para la cual estoy intentando implementar un sistema de ventanas completo. En este momento está yendo muy bien, solo me encuentro con un problema menor. A veces, cuando voy a arrastrar una parte de mi aplicación (más a menudo la esquina de div de mi ventana, que se supone que desencadena una operación de cambio de tamaño), el navegador web se vuelve inteligente y cree que quiero arrastrar y soltar algo. Resultado final, mi acción se pone en espera mientras el navegador hace su operación de arrastrar y soltar.
¿Hay alguna manera fácil de desactivar el arrastrar y soltar del navegador? Idealmente, me gustaría poder desactivarlo mientras el usuario hace clic en ciertos elementos, pero volver a habilitarlo para que los usuarios puedan seguir usando la funcionalidad normal de su navegador en el contenido de mi ventana. Estoy usando jQuery, y aunque no pude encontrarlo navegando por los documentos, si conoces una solución jQuery pura sería excelente.
En resumen: necesito deshabilitar la selección de texto del navegador y las funciones de arrastrar y soltar mientras mi usuario tiene el botón del mouse presionado, y restaurar esa funcionalidad cuando el usuario suelta el mouse.
Gracias por cualquier consejo, he estado buscando por un tiempo en esto sin suerte.
Este JQuery funcionó para mí: -
$(document).ready(function() {
$(''#con_image'').on(''mousedown'', function(e) {
e.preventDefault();
});
});
Esto funciona ... Pruébalo.
<BODY ondragstart="return false;" ondrop="return false;">
Espero eso ayude. Gracias
Esto podría funcionar: puede desactivar la selección con css3 para texto, imagen y básicamente todo.
.unselectable {
-moz-user-select: -moz-none;
-khtml-user-select: none;
-webkit-user-select: none;
/*
Introduced in IE 10.
See http://ie.microsoft.com/testdrive/HTML5/msUserSelect/
*/
-ms-user-select: none;
user-select: none;
}
Por supuesto, solo para los navegadores más nuevos. Para más detalles, consulte:
¿Cómo deshabilitar resaltar la selección de texto usando CSS?
Intenta prevenir el evento predeterminado en mousedown:
<div onmousedown="event.preventDefault ? event.preventDefault() : event.returnValue = false">asd</div>
o
<div onmousedown="return false">asd</div>
Puede desactivar el arrastre simplemente utilizando el atributo draggable="false" .
http://www.w3schools.com/tags/att_global_draggable.asp
prueba esto
$(''#id'').on(''mousedown'', function(event){
event.preventDefault();
}