diff options
Diffstat (limited to 'files/it/web/api/event/layerx/index.html')
| -rw-r--r-- | files/it/web/api/event/layerx/index.html | 102 |
1 files changed, 102 insertions, 0 deletions
diff --git a/files/it/web/api/event/layerx/index.html b/files/it/web/api/event/layerx/index.html new file mode 100644 index 0000000000..80dc20b35b --- /dev/null +++ b/files/it/web/api/event/layerx/index.html @@ -0,0 +1,102 @@ +--- +title: event.layerX +slug: Web/API/Event/layerX +tags: + - DOM + - Gecko + - Reference_del_DOM_di_Gecko + - Tutte_le_categorie +translation_of: Web/API/UIEvent/layerX +--- +<p>{{ ApiRef() }}</p> +<h3 id="Sommario" name="Sommario">Sommario</h3> +<p>Restituisce la coordinata orizzontale del punto in cui si è scatenato l'evento, relativamente al layer corrente.</p> +<h3 id="Sintassi" name="Sintassi">Sintassi</h3> +<pre class="eval"><i>X</i> = event.layerX +</pre> +<ul> + <li><code>X</code> è un valore intero che rappresenta la coordinata X del puntatore del mouse nel momento in cui si è verificato l'evento.</li> +</ul> +<h3 id="Esempio" name="Esempio">Esempio</h3> +<pre><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> +</pre> +<h3 id="Note" name="Note">Note</h3> +<p><code>layerX</code> tiene conto di eventuali scorrimenti orizzontali 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.</p> +<h3 id="Specifiche" name="Specifiche">Specifiche</h3> +<p>DOM level 0. Non è parte di alcuna specifica.</p> +<p>{{ languages( { "en": "en/DOM/event.layerX", "pl": "pl/DOM/event.layerX" } ) }}</p> |