Ir para conteúdo

POWERED BY:

Arquivado

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

wwilton

Como entender esse código?

Por , em Javascript

Recommended Posts

wwilton    0

wwilton
Postado

Olá pessoal,

sou novo em javascript e por enquanto só sei o básico.

Peguei um código na internet que permite mover elementos na página mas não consigo entendê-lo.

Gostaria de pedir a ajuda de vocês para entender a parte de javascript desse código, o que cada linha faz tal.

 

O código é esse:

<html><head><title>Nova pagina 1</title><script type="text/javascript">var ie=document.all;var nn6=document.getElementById&&!document.all;var isdrag=false;var x,y;var dobj;function movemouse(e){  if (isdrag)  {	dobj.style.left = nn6 ? tx + e.clientX - x : tx + event.clientX - x;	dobj.style.top  = nn6 ? ty + e.clientY - y : ty + event.clientY - y;	return false;  }}function selectmouse(e){  var fobj	   = nn6 ? e.target : event.srcElement;  var topelement = nn6 ? "HTML" : "BODY";  while (fobj.tagName != topelement && fobj.className != "dragme")  {	fobj = nn6 ? fobj.parentNode : fobj.parentElement;  }  if (fobj.className=="dragme")  {	isdrag = true;	dobj = fobj;	tx = parseInt(dobj.style.left+0);	ty = parseInt(dobj.style.top+0);	x = nn6 ? e.clientX : event.clientX;	y = nn6 ? e.clientY : event.clientY;	document.onmousemove=movemouse;	return false;  }}document.onmousedown=selectmouse;document.onmouseup=new Function("isdrag=false");</script><style type="text/css">body{padding: 10px;margin: 10px;}.dragme{position:relative;width: 400px;padding: 10px;font: 9pt sans, arial;text-decoration: none;cursor: pointer;display: block;}</style></head><body><a herf="#" class="dragme" style="border-top: 4px solid #c3d9ff; border-left: 1px solid #c3d9ff; border-bottom: 1px solid #c3d9ff; border-right: 1px solid #c3d9ff;">Cique e arraste.</a><a herf="#" class="dragme" style="border-top: 4px solid #f00; border-left: 1px solid #f00; border-bottom: 1px solid #f00; border-right: 1px solid #f00;">Cique e arraste.</a></body></html>

Não entendi a maioria do código (só o javascript), mas minha principal dúvida é:

O que a letra "e" faz dentro do parênteses nas funções?

 

 

é isso,

 

obrigado!

Compartilhar este post

Link para o post
Compartilhar em outros sites

Wilker    3

Wilker
Postado

a letra e pega o parametro passado para a funcao, nesse caso que esta sendo usado (que é um caso de eventos) esse argumento é uma variavel event que contem os dados do evento (posicao do mouse, tecla pressionada, botao usado...), isso para browsers como netscape e firefox, o IE define implicitamente a variavel event (e nao passa ela por argumento).

 

simples assim ;)

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