Publicado em 14 de jul.

[Resolvido] captura evento mousedown e move ao mesmo tempo

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

Discussão (4)

Entre ou cadastre-se para participar da discussão

Entrar Criar conta

Otata· 14 de jul.

<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....

webmind· 14 de jul.

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

Otata· 14 de jul.

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..

webmind· 14 de jul.

vlw otata era isso mesmo