mozilla
Risultati di ricerca

    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.

    Etichette del documento e nomi di chi ha collaborato alla sua stesura

    Contributors to this page: khalid32, Federico, teoli
    Ultima modifica di: khalid32,