Imprimir Página - [Pregunta]: El cursor se modifica con javascript de una forma horrible.

Título: [Pregunta]: El cursor se modifica con javascript de una forma horrible.
Publicado por: Leguim en 6 Octubre 2020, 20:48 pm

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

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?

Título: Re: [Pregunta]: El cursor se modifica con javascript de una forma horrible.
Publicado por: @XSStringManolo en 6 Octubre 2020, 22:23 pm

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

Título: Re: [Pregunta]: El cursor se modifica con javascript de una forma horrible.
Publicado por: Caminante en 6 Octubre 2020, 22:54 pm

Hola, tal vez esto pueda ayudarte:

Código:

<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

Título: Re: [Pregunta]: El cursor se modifica con javascript de una forma horrible.
Publicado por: 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:

Código:

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

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

Título: Re: [Pregunta]: El cursor se modifica con javascript de una forma horrible.
Publicado por: Leguim en 7 Octubre 2020, 19:14 pm

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:

Código:

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!

Foro de elhacker.net

Programación => Desarrollo Web => Mensaje iniciado por: Leguim en 6 Octubre 2020, 20:48 pm