Cómo adjuntar html-element al cursor del mouse usando jQuery. Esto debería ser algo así como 'arrastrable', pero quiero que ese elemento se adhiera al cursor después de hacer doble clic en el mouse y seguir el cursor hasta que se presiona el botón izquierdo del mouse.¿Cómo adjuntar html-element al mouse usando jQuery?
Respuesta
Querrá usar .mousemove()
y .offset()
.
$("#clickedElement").dblclick(function() {
var $someElement = $("#elementToCling");
$(document).mousemove(function (e) {
$someElement.offset({ top: e.pageY, left: e.pageX });
}).click(function() {
$(this).unbind("mousemove");
});
});
demostración de trabajo:http://jsfiddle.net/EbbxA/
+1: Esto parece prometedor. –
Demostración alternativa: http://jsfiddle.net/a4eFE/ porque estaba aburrido y se veía genial. –
¡Gracias! Esto es lo que yo quería. Pero, ¿qué pasa si quiero poder utilizar las opciones "arrastrables", como "ajustar", "revertir", "contención", etc. ¿Cómo hago esto? – user1048261
- 1. Eliminando objetos HtmlElement programáticamente usando C#
- 2. jquery mouse mouse out
- 3. JQuery Adjuntar AJAX
- 4. Cómo mover div con el mouse usando jquery?
- 5. javascript: crear HTMLElement de cadena
- 6. ¿Cómo puedo resaltar un área desplegable al pasar el mouse usando jquery ui draggable
- 7. ¿Cómo coloco un div relativo al puntero del mouse usando jQuery?
- 8. Adjuntar un espacio con jQuery
- 9. adjuntar eventos del teclado al lienzo html5
- 10. Cómo adjuntar datos a jquery tmpl
- 11. jQuery adjuntar función al evento 'cargar' de un elemento
- 12. Obtención de un objeto HTMLElement del objeto jQuery
- 13. Adjuntar un enlace con Jquery
- 14. ¿Cómo puedo adjuntar una imagen usando Phpmailer?
- 15. Cómo adjuntar div al fondo sin absoluto?
- 16. Cómo convertir un HTMLElement a una cadena
- 17. mostrar/ocultar el menú desplegable al pasar el mouse/mouseout usando jquery
- 18. Adjuntar y deslizar juntos jQuery
- 19. cómo llegar al tío usando jQuery
- 20. Cómo adjuntar una imagen/icono de eliminación a la imagen dentro de div usando jquery
- 21. Adjuntar al proceso en 2012
- 22. Jquery Fade In cuando el mouse se acerca al elemento
- 23. cómo animar siguiendo el mouse en jquery
- 24. jQuery - Adjuntar JavaScript a una Div
- 25. Jquery sortable stange mouse offset
- 26. jQuery adjuntar dentro del elemento anexo
- 27. Cómo adjuntar jQuery UI datepicker a formfield insertado dinámicamente?
- 28. WPF: cómo adjuntar eventos de mouse a un modelo de vista?
- 29. Obtener la instancia google.maps.Map de un HTMLElement
- 30. Cómo adjuntar los datos en la parte superior del div usando jquery
Tenga en cuenta que esto puede ser confuso para la mayoría de los usuarios, que están acostumbrados a la interfaz de arrastrar y soltar clic de la mayoría de los sistemas operativos modernos. – Blazemonger