Posible obtener las coordenadas actuales del mouse con Javascript?Posible obtener las coordenadas actuales del mouse con Javascript?
8
A
Respuesta
6
Fuente: http://javascript.internet.com/page-details/mouse-coordinates.html
<form name="Show">
X
<input type="text" name="MouseX" value="0" size="4">
<br>
Y
<input type="text" name="MouseY" value="0" size="4">
<br>
</form>
<script language="JavaScript">
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 = e.clientX + document.body.scrollLeft;
tempY = e.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.Show.MouseX.value = tempX;
document.Show.MouseY.value = tempY;
return true;
}
</script>
0
Esto se puede hacer. Sólo buscado en Google y obtuvo el siguiente código
if (IE) { // grab the x-y pos.s if browser is IE
tempX = event.clientX + document.body.scrollLeft;
tempY = event.clientY + document.body.scrollTop;
}
0
puede obtener COORDINATS ratón en el navegador like this.
1
Here es una función compacto con una demostración, devuelve el valor de coordenadas en .xy .y:
function mouseCoords(ev){
// from http://www.webreference.com/programming/javascript/mk/column2/
if(ev.pageX || ev.pageY){
return {x:ev.pageX, y:ev.pageY};
}
return {
x:ev.clientX + document.body.scrollLeft - document.body.clientLeft,
y:ev.clientY + document.body.scrollTop - document.body.clientTop
};
}
(He encontrado quirksmode para ser un buen recurso de la sabiduría de JavaScript. Here es el fondo de la función en caso de que quiera profundizar.)
Cuestiones relacionadas
- 1. JFreeChart obtener coordenadas del mouse
- 2. ¿Cómo puedo obtener las coordenadas de posición actuales del mouse (puntero) en X
- 3. HTML5: dragover(), drop(): cómo obtener las coordenadas x, y actuales?
- 4. Transformar las coordenadas del oyente del mouse en las coordenadas del gráfico
- 5. Traducir las coordenadas del mouse a un plan 3D
- 6. ActionScript: ¿Coordenadas del mouse inexactas?
- 7. ¿Cómo obtener las coordenadas de un punto con un clic del mouse con JFreeChart?
- 8. Obtener las coordenadas del cursor en raphael
- 9. Obtener posición del mouse
- 10. Coordenadas del mouse relativas al fotograma
- 11. ¿Cómo obtener las coordenadas del final del texto seleccionado con javascript?
- 12. Javascript: conseguir actuales contenidos "clic" del elemento
- 13. obteniendo la posición del mouse con javascript dentro del lienzo
- 14. Javascript: obtener la posición del mouse relativo al elemento principal
- 15. Mostrando las coordenadas del eje del mouse en el control de gráfico
- 16. onMouseMove obtener la posición del mouse
- 17. Obtener las coordenadas del centro de la página en tabletas usando JavaScript
- 18. Desarrollo de juegos en Java: mira y dispara las coordenadas del mouse
- 19. Anulación global del cursor del mouse con JavaScript
- 20. ¿Puedo obtener las coordenadas de un div con JQuery?
- 21. herramienta para obtener las coordenadas de un píxel de imagen
- 22. Obtener coordenadas de GPS: Android
- 23. Obtener el país desde las coordenadas?
- 24. ¿Cómo obtener la posición del puntero del mouse con javascript para Internet Explorer?
- 25. glReadPixels() realmente una solución lenta y mejor para obtener las coordenadas de OpenGL desde la posición del mouse?
- 26. Mover el puntero del mouse en JavaScript
- 27. posición del cursor del mouse en Javascript?
- 28. D3js: cómo obtener coordenadas geográficas Lat/Log desde el clic del mouse?
- 29. ¿Cómo obtengo las coordenadas con el dibujo?
- 30. ¿Cómo obtener las coordenadas de ToolStripButton?
Modificado un poco, pero funcionó muy bien en m y pruebas: IE6, IE7 y FF3 –