En mi aplicación web, intento implementar algunas funciones de arrastrar y soltar. Tengo un componente global de JavaScript que hace las cosas básicas. Este objeto también es responsable de cambiar el cursor del mouse, dependiendo de la operación de arrastre actual (mover, copiar, vincular). En mi página web hay varios elementos HTML que definen un estilo de cursor propio, ya sea en línea o mediante un archivo CSS.Anulación global del cursor del mouse con JavaScript
Entonces, ¿hay alguna manera para que mi componente central de arrastrar y soltar cambie el cursor del mouse globalmente, independientemente del estilo del elemento sobre el que se encuentra el cursor del mouse?
me trataron:
document.body.style.cursor = "move"
y
document.body.style.cursor = "move !important"
Pero no funciona. Cada vez que arrastro sobre un elemento que define un estilo de cursor, el cursor cambia a ese estilo.
Claro, podría cambiar el estilo del elemento que actualmente estoy arrastrando, pero luego tengo que restablecerlo cuando retire el elemento. Esto parece un poco complicado. Estoy buscando una solución global.
setCapture funciona en IE y FF/Moz, pero parece que Chrome no es compatible con esta impresionante función :( – eselk
setCapture solo funciona en Firefox hoy (no en IE 11) .Pero se puede usar cuando está allí. – ygoe