Ir para conteúdo

POWERED BY:

Arquivado

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

webmind

[Resolvido] captura evento mousedown e move ao mesmo tempo

Por , em Javascript

Recommended Posts

webmind    5

webmind
Postado

alguem sabe como posso capturar o evento mousedown e mousemove ao mesmo tempo?

 

acho que nao deve ser esses eventos, nao sei como explicar mas quero algo do genero do jquery ui slide mas em js puro pois quero saber como isso é feito.

 

bvasicamente e o evento do scroll do browser você coloca mousedown e move a barra e ela move

Compartilhar este post

Link para o post
Compartilhar em outros sites

Otata    4

Otata
Postado 

<script>


function down(e){
	document.getElementById('msg').innerHTML= e.type;
}
function move(e){
	document.getElementById('msg').innerHTML = e.type;
}
</script>
<div onmousedown='down(event)' onmousemove='move(event)'>teste</div>
<div id='msg'>--</div>

simples....

Compartilhar este post

Link para o post
Compartilhar em outros sites

webmind    5

webmind
Postado

vlw otata mas nao era isso isso.

 

 

vou tentar explicar melhor

 

http://docs.jquery.com/UI/Slider

 

esta vendo aquilo o slider, você da mousedown e move e a barra move?

 

 

entao é isso que eu quero saber fazer mas sem ser com o framework

 

 

vlw

Compartilhar este post

Link para o post
Compartilhar em outros sites

Otata    4

Otata
Postado

humm tendi

 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
</head>
<body>
	<div id='divMov' style='left:0px;width:100px;position:absolute;' onmousedown="setThis('divMov')" >
		<label onmousedown='return false'>--AE--</label>
	</div>
</body>

<script>

var idObj = null;
function setThis(id){
	this.idObj = id;
}
function move(e){
	var evento = window.event || e;
	if(this.idObj != null){	
		var elem = document.getElementById(this.idObj);
		elem.style.left = evento.clientX + "px";
	}
}
function cancel(){
	this.idObj = null;
}
document.onmousemove = function(e){
	move(e);	
}
document.onmouseup = function(e){
	cancel();	
}
</script>

 

segue um exeomplos simples.. basicamente isso soh implementar mais coisas claro =) mas acho que da para dar uma idéia..

 

t+

Compartilhar este post

Link para o post
Compartilhar em outros sites

webmind    5

webmind
Postado

vlw otata era isso mesmo

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