Hola!
Bueno hace meses que tengo el siguiente "problema" y es que cuando trato de modificar el estilo de el cursor con javascript no lo hace de una forma muy "óptimo" y esto es un problema que todos tienen (probé el código en varias páginas y el resultado es el mismo de asqueroso)
document.body.style.cursor = 'progress';
si escribieran esto en una consola del navegador van a notar que para que se realice el cambio, ustedes van a tener que mover un poco el cursor. Sino, no lo hace y la idea es que se cambie sin tener que estar moviendo aunque sea un milímetro el cursor.
¿Qué puedo hacer? ¿Hay solución?
Pruena a hacer focus en un input a ver si así se actualiza.
Hola, tal vez esto pueda ayudarte:
<script language="javascript">
function example_change_cursor() {
document.body.style.cursor = document.getElementById('example-cursor').options[document.getElementById('example-cursor').selectedIndex].value;
}
function example_restore_cursor() {
document.body.style.cursor = 'default';
}
</script>
<select id="example-cursor">
<option>default</option>
<option>crosshair</option>
<option>e-resize</option>
<option>help</option>
<option>move</option>
<option>n-resize</option>
<option>ne-resize</option>
<option>nw-resize</option>
<option>pointer</option>
<option>progress</option>
<option>s-resize</option>
<option>se-resize</option>
<option>sw-resize</option>
<option>text</option>
<option>w-resize</option>
<option>wait</option>
</select>
<input type="button" onclick="example_change_cursor()" value="Change Cursor" />
<input type="button" onclick="example_restore_cursor()" value="Restore Default" />
http://www.javascripter.net/faq/stylesc.htm
Saludos
Has probado cerrando la consola de debug? A mi se me actualiza sin tener que moverlo. Por ejemplo, haz esto:
window.setTimeout(function() { document.body.style.cursor = 'progress'; }, 5000)
Cierra la consola antes de 5 segundos, y deberia cambiarte sin problemas
Cita de: Agente Naranja en 7 Octubre 2020, 06:07 AM
Has probado cerrando la consola de debug? A mi se me actualiza sin tener que moverlo. Por ejemplo, haz esto:
window.setTimeout(function() { document.body.style.cursor = 'progress'; }, 5000)
Cierra la consola antes de 5 segundos, y deberia cambiarte sin problemas
mmm la verdad sigue igual para mí, es algo muy inestable... Pero bueno, quizás sea algo imperceptible para el usuario común o termine sacando este efecto del cursor...
Ya veré, dejo abierto esto por cualquier respuesta. Gracias a los 3!