Please note, this is a STATIC archive of website developer.mozilla.org from 03 Nov 2016, cach3.com does not collect or store any user information, there is no "phishing" involved.

event.layerY

Sommario

Restituisce la coordinata verticale del punto in cui si è scatenato l'evento, relativamente al layer corrente.

Sintassi

Y = event.layerY
  • Y è un valore intero che rappresenta la coordinata Y del puntatore del mouse nel momento in cui si è verificato l'evento.

Esempio

<html>
<head>
<title>esempio di pageX/pageY e layerX/layerY</title>

<script type="text/javascript">

function mostraCoordinate(evt){
  var form = document.forms.form_coords;
  var idPadre = evt.target.parentNode.id;
  form.idPadre.value = idPadre;
  form.coordinataXpagina.value = evt.pageX;
  form.coordinataYpagina.value = evt.pageY;
  form.coordinataXlayer.value = evt.layerX;
  form.coordinataYlayer.value = evt.layerY;
}

</script>

<style type="text/css">

 #d1 {
  border: solid blue 1px;
  padding: 20px;
 }

 #d2 {
  position: absolute;
  top: 180px;
  left: 80%;
  right:auto;
  width: 40%;
  border: solid blue 1px;
  padding: 20px;
 }

 #d3 {
  position: absolute;
  top: 240px;
  left: 20%;
  width: 50%;
  border: solid blue 1px;
  padding: 10px;
 }

</style>
</head>

<body onmousedown="mostraCoordinate(event)">

<p>Per visualizzare le coordinate del mouse clicca in un qualunque punto della pagina.</p>

<div id="d1">
<span>Questo è un DIV non posizionato, quindi cliccando qui i valori di layerX e layerY
saranno simili a quelli di pageX e pageY.
</span>
</div>

<div id="d2">
<span>Questo è un DIV posizionato, quindi cliccando qui i valori di layerX e layerY saranno relativi all'angolo in alto a sinistra di questo elemento. Si noti che le proprietà pageX e pageY restituiscono la posizione assoluta all'interno del documento, tenendo conto dello scorrimento della pagina.
</span>

<span>Fai scorrere ancora la pagina! Questo è un DIV posizionato, quindi cliccando qui i valori di layerX e layerY saranno relativi all'angolo in alto a sinistra di questo elemento. Si noti che le proprietà pageX e pageY restituiscono la posizione assoluta all'interno del documento, tenendo conto dello scorrimento della pagina.</span>
</div>

<div id="d3">
<form name="form_coordinate">
 Id elemento padre: <input type="text" name="idPadre" size="7" /><br />
 pageX:<input type="text" name="coordinataXpagina" size="7" />  
 pageY:<input type="text" name="coordinataYpagina" size="7" /><br />
 layerX:<input type="text" name="coordinataXlayer" size="7" />  
 layerY:<input type="text" name="coordinataYlayer" size="7" />
</form>
</div>

</body>
</html>

Note

layerY tiene conto di eventuali scorrimenti verticali avvenuti nella pagina e restituisce un valore relativo all'intero documento, a meno che l'evento non avvenga all'interno di un elemento con posizione fissa; nel qual caso il valore restituito sarà relativo all'angolo in alto a sinistra dell'elemento.

Specifiche

DOM level 0. Non è parte di alcuna specifica.

Tag del documento e collaboratori

 Hanno collaborato alla realizzazione di questa pagina: teoli, khalid32, Federico
 Ultima modifica di: khalid32,