[Pregunta]: El cursor se modifica con javascript de una forma horrible.

[Leguim]

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)

Código (javascript) [Seleccionar] Expandir


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?

[@XSStringManolo]

Pruena a hacer focus en un input a ver si así se actualiza.

[Caminante]

Hola, tal vez esto pueda ayudarte:

Código [Seleccionar] Expandir

<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

[Agente Naranja]

Has probado cerrando la consola de debug? A mi se me actualiza sin tener que moverlo. Por ejemplo, haz esto:

Código [Seleccionar] Expandir

window.setTimeout(function() { document.body.style.cursor = 'progress'; }, 5000)

Cierra la consola antes de 5 segundos, y deberia cambiarte sin problemas

[Leguim]

Has probado cerrando la consola de debug? A mi se me actualiza sin tener que moverlo. Por ejemplo, haz esto:

Código [Seleccionar] Expandir

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!