Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Ivan Abreu

Eventos com Mouse

Por , em Javascript

Recommended Posts

Ivan Abreu    0

Ivan Abreu
Postado

Sou iniciante em Javascript e estou tendo problemas com o mouse.

 

Eu quero que o cursor do mouse mude quando entrar em um canvas (feito)

 

canvas.style.cursor = 'help';

 

O meu problema é na hora de clicar, eu quero que o cursor do mouse.

 

function element() {
document.body.style.cursor = 'wait';
}

document.body.onclick = Element;

 

 

Mas não funciona, alguém pode me ajudar?

Compartilhar este post

Link para o post
Compartilhar em outros sites

hinom    5

hinom
Postado 

function element() {
alert('teste');
       document.body.style.cursor = 'wait';
}

document.body.onclick = element;

Element -> element

Compartilhar este post

Link para o post
Compartilhar em outros sites

Ivan Abreu    0

Ivan Abreu
Postado 

function element() {
alert('teste');
       document.body.style.cursor = 'wait';
}

document.body.onclick = element;

Element -> element

 

Obrigado, realmente funcionou, mas surgiu uma outra dúvida.

 

function element() {
       document.body.style.cursor = 'wait';
}

function down() {
document.body.style.cursor = 'help';
}


document.body.onclick = element;
document.body.onMouseMove = dowm;

 

Mas quando eu movimento o mouse não funciona, o mouse ainda continua como 'wait' ou o default.

 

além do OnMouseMove, eu testei onMouseDown, onMouseUp, mas não tive sucesso com nenhum.

Compartilhar este post

Link para o post
Compartilhar em outros sites

hinom    5

hinom
Postado

exemplo:

 

mousemove.html

<html>
<head>
<script type="text/javascript">
function foo()
{
// alert(1);
o = document.getElementById('a');
o.innerHTML = parseInt(o.innerHTML) + 1;
}
function assets()
{
//alert(2);
document.body.onmousemove = foo;
}
window.onload = assets;
</script>
</head>
<body>
<div id="a">0</div>
</body>
</html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

Arash    0

Arash
Postado

O seu código voce escreveu :

document.body.onMouseMove = "dowm"; ao inves de "down" com "n".

Faz assim apagar o javascript, e coloca um id no canvas de "canvas", e no CSS

#canvas{
cursor:wait;
}
#canvas:hover{
cursor:help
}

E ja to prevendo, se voce um dia criar uma função que a pessoa tem que clicar e "arrastar" o mouse. No crome vai dar problema no cursor e só colocar:

 

<canvas id="canvas" onSelectStart="this.style.cursor='default'; return false;"> </canvas>

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito