html - Visning af x,y position af musen. - Udvikleren.dk

Tags: html css

Bruger #2034 @ 11.05.04 20:55

Jeg mangler at kunne aflæse musens x såvel som y position, af musens placering.

Jeg søgte og fandt flg. script, givet af adam i denne tråd:
http://www.udvikleren.dk/thread.php?techid=9&f=9&t=228&searchword=x%20pos

Koden ser således ud:

Kode

<SCRIPT TYPE="text/javascript">
var id = 'pic'; // id'et på dit billede

document.onmousemove = handelMove; //holder styr på musen

function handelMove(evt){

xpos = event.clientX; //henter x positionen
ypos = event.clientY; //henter y positionen
movePic(id, xpos, ypos); //kalder move pic

}

function movePic(id, x, y){

document.getElementById(id).style.left = x;
//ændre billedets x-koordinat
document.getElementById(id).style.top = y;
//ændre billedets y-koordinat

}

</SCRIPT>

Godt nok er der skrevet forklaringer til koden, og jeg forstår da også det meste. Dog ikke:
document.onmousemove = handelMove; //holder styr på musen

Og så forstår jeg ikke hvorfor det ikke virker når man bare gør således:

Kode

<script language="javascript">

function find_xPos() {
	
	xPos = event.clientX;
	disp_x.innerHTML = xPos;
	
	setTimeout ("find_xPos()", 100);
}
	
</script>

hvor disp_x er givet ved:

Kode

<span id="disp_x"></span>

i body loades funktionen find_xPos() ... onLoad="find_xPos();"
Fejlen siges at være: "Et objekt er oblikatorisk".

Jeg mangler en logisk forklaring.

6 svar postet i denne tråd vises herunder
3 indlæg har modtaget i alt 3 karma

Sorter efter stemmer Sorter efter dato

Bruger #846 @ 11.05.04 21:08

435

Kode

<script language="javascript">

function find_xPos() {
	
	xPos = event.clientX;
	document.getElementById('disp_x').innerHTML = xPos;
	
	setTimeout ("find_xPos()", 100);
}
	
</script>

--
Ronni Egeriis - http://sqdev.dk/
Co-Admin

Bruger #2416 @ 11.05.04 21:21

314

Jeg vil skyde på at det er fordi du prøver at hente nogen værdier fra objektet "event", men objektet event bliver vist først sat hver gang en mouseevent bliver kaldt, som f.eks. onmousemove, onmouseup, osv... Disse events får tildelt en funktion ved hjælp af:

document.onmouseup = funktionen; //bestemmer hvilken funktion der skal tage sig af at en musetast er sluppet. Funktionen kunne så være:

function funktionen()
{
alert('X: ' + event.clientX + ' Y: ' + event.clientY);
}

Håber det forklarer lidt.

---
Hilsen Anders

Bruger #5620 @ 12.05.04 09:06

1.500

Den her virker både i IE og Firefox.

Kode

function mousetracker(e) 
{
  if (document.layers)
  {
    xCoord = e.x;
    yCoord = e.y;
  }
  else if (document.all)
  {
    xCoord = event.clientX;
    yCoord = event.clientY;
  }
  else if(document.getElementById)
  {
    xCoord = e.clientX;
    yCoord = e.clientY;
  }
}	
document.onmousemove=mousetracker;

-----------------------

Min side ->www.the-hive.dk/~donp/

Bruger #2034 @ 15.05.04 19:04

459

Jeg har vidst ikke formuleret mig korrekt.

Det jeg ønsker er at få en konstant opdatering i et felt, af musens position ... lige meget om det er x eller y. Det er en princip sag.

Det er jo ganske simpelt at få udskrevet den een gang, men hvis man nu opdaterer funktionen, går det galt. Så langt kom jeg også selv

Jeg skal beklage at jeg ikke svarer før nu.

Bruger #5620 @ 16.05.04 10:00

1.500

Den her virker både i IE og Firefox.

Kode

<head>
<script>
function mousetracker(e) 
{
  if (document.layers)
  {
    xCoord = e.x;
    yCoord = e.y;
  }
  else if (document.all)
  {
    xCoord = event.clientX;
    yCoord = event.clientY;
  }
  else if(document.getElementById)
  {
    xCoord = e.clientX;
    yCoord = e.clientY;
  }
   document.getElementById('coords').value='('+xCoord+','+yCoord+')';
}	
document.onmousemove=mousetracker;
</script>
</head>
<body>
  <input type="text" id="coords" value="">
</body>

-----------------------

Min side ->www.the-hive.dk/~donp/
-----------------------------------------------------------------------------

Min side ->www.the-hive.dk/~donp/

Bruger #2034 @ 16.05.04 12:25

459

Okey det er jo meget fint.
Jeg fordeler de 40 (20,20), pga. at Anders gav forklaring på hvorfor det ikke ville fungere, mens Nørden gav et script der virkede.

Jeg kan godt se hvad der var galt nu, så tak

Visning af x,y position af musen.

Karma barometer (30 dage)

Modtaget

Givet

Favorit hos
Forum tråde
Artikler