Ir para conteúdo

POWERED BY:

Arquivado

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

nknk

Clicar e arrastar, como cancelar evento

Por , em Javascript

Recommended Posts

nknk    3

nknk
Postado

É possivel bloquear o evento 'clicar e arrastar objeto(imagem)'?

 

Por exemplo: Eu peguei uma imagem, um smile na caixa ao lado(escrever novo topico) e arrastei para está caixa, nela apareceu o endereço da imagem:

 

http://forum.imasters.com.br/style_emo...lt/rolleyes.gif

http://forum.imasters.com.br/style_emo...lt/rolleyes.gif

 

Como eu faço para bloquear este evento? É possivel?

Compartilhar este post

Link para o post
Compartilhar em outros sites

klaygomes    0

klaygomes
Postado

No IE no onDrag sete o valor da propriedade returnValue do objeto event para false, no firefox faz um gato com o evento onMouseDown chamando a função preventDefault do objeto event.

Compartilhar este post

Link para o post
Compartilhar em outros sites

nknk    3

nknk
Postado

Seria assim?

 

 

<html>
<head>
<title>preventDefault example</title>

<script type="text/javascript">

function stopDefAction(evt) {
  evt.preventDefault();
}
</script>
</head>

<body onMouseDown=''stopDefAction(evt)">

<p>Please click on the checkbox control.</p>

<form>
<input type="checkbox" onclick="stopDefAction(event);"/>
<label for="checkbox">Checkbox</label>
</form>

</body>
</html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

klaygomes    0

klaygomes
Postado

Isso mesmo, lembrando que este exemplo serve apenas para o firefox(e o evento é mousedown), no IE você usaria algo como:

 

 

<html>
<head>
<title>preventDefault example</title>

<script type="text/javascript">

function stopDefAction(evt) {
  evt.returnValue = false;
}
</script>
</head>

<body>

<p>Please click on the checkbox control.</p>

<form>
<input type="checkbox" onclick="stopDefAction(event);"/>
<!-- usei onclick como exemplo, mas o evento correto seria onDrag -->
<label for="checkbox">Checkbox</label>
</form>

</body>
</html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

nknk    3

nknk
Postado

Valeu, funcionou!!!

mas tive que mudar pq o certo era 

<body onMouseDown=''stopDefAction(event)">
Mas há um problema,eu tenho que fazer isso para todas as imagens do documento, além dos links,

 

se eu colocar no body sem condição eu não poderia clicar no formulário e receber o foco, entao como eu crio uma condição para verificar se é uma imagem,link?

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