Posição (coordenadas X,y) Do Mouse No Navegador?
#2
Posted 05/06/2004, 00:12
var oEvt = e || window.event;
this.screenX = oEvent.screenX;
this.screenY = oEvent.screenY;
this.clientX = oEvent.clientX;
this.clientY = oEvent.clientY;
this.pageX = oEvent.pageX || this.clientX + doc.scrollLeft || 0;
this.pageY = oEvent.pageY || this.clientY + doc.scrollTop || 0;
// Aqui você exibe os dados que quiser...
document.getElementById("screenX").innerHTML = this.screenX;
// ...
}
document.onmousemove = function( e ) { MousePosition( e ); }
// Dados:
Nome("Guilherme Blanco");
Localidade("São Carlos - SP/Brasil");
Cargo("Manutenção");
</script>
#3
Posted 05/06/2004, 11:31
<script>
function MousePosition( e ) {
var oEvt = e || window.event;
this.screenX = oEvt.screenX;
this.screenY = oEvt.screenY;
this.clientX = oEvt.clientX;
this.clientY = oEvt.clientY;
//this.pageX = oEvent.pageX || this.clientX + doc.scrollLeft || 0;
//this.pageY = oEvent.pageY || this.clientY + doc.scrollTop || 0;
this.teste.value=this.clientX;
this.teste2.value=this.clientY;
//alert (this.clientY,this.clientY);
// Aqui você exibe os dados que quiser...
//document.getElementById("screenX").innerHTML = this.screenX;
// ...
}
document.onmousemove = function( e ) { MousePosition( e ); }
</script>
x<input type=text name=teste><br>
Y<input type=text name=teste2><br>
#4
Posted 05/06/2004, 21:46
<!--
function coordenadas() {
var x=window.event.clientX;
var y=window.event.clientY;
document.getElementById("posicaoX").value=x;
document.getElementById("posicaoY").value=y;
}
document.onmousemove=coordenadas;
//-->
E crie também os campos:
<input type="text" size=3 id="x"><br>
<input type="text" size=3 id="y">
#5
Posted 06/06/2004, 11:39
#6
Posted 12/02/2008, 14:42
Achei mais uma maneira:
<html> <head> <script type="text/javascript"> function coordenadas(event) { x=event.clientX; y=event.clientY; alert("X coords: " + x + ", Y coords: " + y); } </script> </head> <body onmousedown="coordenadas(event)"> <p>Clique na tela para ver as coordenadas do mouse!!</p> </body></html>
Obrigado a Without a Nick e Guilherme Blanco ... adicionar conhecimento é sempre bom!!
Edição feita por: Renan L. Queiroz, 12/02/2008, 14:44.
Especialidade: Desenvolvimento e Banco de Dados.
Este post lhe ajudou? Agradeça:
#8
Posted 12/02/2008, 15:06
Funciona nos 2 navegadores ?
Funciona no Fx, IE7 e IE6 mas no meu caso não está se adequando!
-----
Aff, sempre assim ...
Bimonti, seguinte problema:
O evento pega as coordenadas de acordo com o browser, sendo
assim se a página tiver barra de rolagem não irá funcionar (meu caso), pois quando
o usuário desce para ver o resto e clica as coordenadas mostradas são
de acordo com a borda do browser e no meu caso preciso delas de acordo
com o body!
Edição feita por: Renan L. Queiroz, 12/02/2008, 15:32.
Especialidade: Desenvolvimento e Banco de Dados.
Este post lhe ajudou? Agradeça:
#9
Posted 12/02/2008, 16:37
achei um código na internet que captura as coordenadas do body. Dei uma adaptada nele (CSS e as divs) para tu visualizar melhor:
<style> #x { POSITION: fixed; TOP: 20px; LEFT: 0px; } #y { POSITION: fixed; TOP: 40px; LEFT: 0px; } * html #x { POSITION: absolute; TOP: expression(offsetParent.scrollTop +20); LEFT: expression(offsetParent.scrollLeft); } * html #y { POSITION: absolute; TOP: expression(offsetParent.scrollTop +40); LEFT: expression(offsetParent.scrollLeft); } </style> <script language="JavaScript1.2"> var IE = document.all?true:false; if (!IE) document.captureEvents(Event.MOUSEMOVE) document.onmousemove = getMouseXY; var tempX = 0; var tempY = 0; function getMouseXY(e) { if (IE) { // grab the x-y pos.s if browser is IE tempX = event.clientX + document.body.scrollLeft; tempY = event.clientY + document.body.scrollTop; } else { // grab the x-y pos.s if browser is NS tempX = e.pageX; tempY = e.pageY; } if (tempX < 0){tempX = 0;} if (tempY < 0){tempY = 0;} document.getElementById("vx").innerHTML = tempX; document.getElementById("vy").innerHTML = tempY; return true; } </script> <BODY> <div id="x">X <span id="vx"></span></div><br> <div id="y">Y <span id="vy"></span></div> <BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR> <BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR> </body> </html>
Comigo deu certo
// Links úteis: Busca || Regras
// Não respondo dúvidas via mensagem privada. Use o fórum para buscar ou perguntar.
#10
Posted 12/02/2008, 17:18
Renan,
achei um código na internet que captura as coordenadas do body. Dei uma adaptada nele (CSS e as divs) para tu visualizar melhor:
Maneiro Firehalk vou analizar melhor o código amanhã, mas desde já agradeço a ajuda!
Especialidade: Desenvolvimento e Banco de Dados.
Este post lhe ajudou? Agradeça:
#11
Posted 12/02/2008, 20:54
Funciona nos 2 navegadores ?
Funciona no Fx, IE7 e IE6 mas no meu caso não está se adequando!
-----
Aff, sempre assim ...
Bimonti, seguinte problema:
O evento pega as coordenadas de acordo com o browser, sendo
assim se a página tiver barra de rolagem não irá funcionar (meu caso), pois quando
o usuário desce para ver o resto e clica as coordenadas mostradas são
de acordo com a borda do browser e no meu caso preciso delas de acordo
com o body!
para isso adicione
window.pageYOffset e window.pageXOffset
nas coordenadas x e y
para o IE as variaveis sao:
document.body.scrollTop e document.body.scrollLeft
#12
Posted 13/02/2008, 09:16
para isso adicione
window.pageYOffset e window.pageXOffset
nas coordenadas x e y
para o IE as variaveis sao:
document.body.scrollTop e document.body.scrollLeft
Valeu pela ajuda!
Cara maneiro o esquema ... no Fx está ok!
Mas para o IE não estou conseguindo mesmo.
A funcção JS é a seguinte:
if(navigator.appName == "Microsoft Internet Explorer"){ x = event.clientX + document.body.scrollTop; y = event.clientY + document.body.scrollLeft; alert("X="+ x +" Y="+ y); } else{ x = event.clientX + window.pageXOffset; y = event.clientY + window.pageYOffset; }
o alert ta retornando "X=0 Y=0" ...
------
Ai galera ... consegui!!!
segue código:
if(navigator.appName == "Microsoft Internet Explorer"){ x = event.clientX + document.documentElement.scrollLeft; y = event.clientY + document.documentElement.scrollTop; } else{ x = event.clientX + window.pageXOffset; y = event.clientY + window.pageYOffset; }
LucasMS o engraçado é que o documentElement corresponde ao body certo?
Quando eu colocava "document.body.scrollLeft" o IE bão estava aceitando,
já com "document.documentElement.scrollLeft" deu tudo certo!
Obrigado a todos!
Edição feita por: Renan L. Queiroz, 13/02/2008, 09:40.
Especialidade: Desenvolvimento e Banco de Dados.
Este post lhe ajudou? Agradeça:
#13
Posted 07/04/2008, 12:50
Como poderia fazer isso (exibindo o retangulo em linhas pontilhadas, como nas funcoes "recortar")?
Abracos
Three
#14
Posted 16/09/2017, 07:01
Pack cialis Keflex Absesed Tooth
Risks Generic Brands Viagra Buy Viagra Jelly Online Uk
Forum Doctissimo Cialis <a href=http://cialtobuy.com>online pharmacy</a> Didronel
#15
Posted 03/10/2017, 15:37
Buy Accutane From Legal Chemist Cialis Pastiglie Amoxicillin Expiration viagra Propecia Length To Work
0 user(s) are reading this topic
0 membro(s), 0 visitante(s) e 0 membros anônimo(s)