diff options
author | MDN <actions@users.noreply.github.com> | 2021-08-27 00:49:43 +0000 |
---|---|---|
committer | MDN <actions@users.noreply.github.com> | 2021-08-27 00:49:43 +0000 |
commit | 5d18c06cf65a281de4d382e124140f1557e67637 (patch) | |
tree | 3985c9164ff853305254cd7966188c61d6138d43 /files/es/web/api/uievent | |
parent | 06cc44fd40dcbe1218c55703ccd7628ac700242f (diff) | |
download | translated-content-5d18c06cf65a281de4d382e124140f1557e67637.tar.gz translated-content-5d18c06cf65a281de4d382e124140f1557e67637.tar.bz2 translated-content-5d18c06cf65a281de4d382e124140f1557e67637.zip |
[CRON] sync translated content
Diffstat (limited to 'files/es/web/api/uievent')
-rw-r--r-- | files/es/web/api/uievent/pagex/index.html | 102 |
1 files changed, 0 insertions, 102 deletions
diff --git a/files/es/web/api/uievent/pagex/index.html b/files/es/web/api/uievent/pagex/index.html deleted file mode 100644 index fbd75e26f8..0000000000 --- a/files/es/web/api/uievent/pagex/index.html +++ /dev/null @@ -1,102 +0,0 @@ ---- -title: event.pageX -slug: Web/API/UIEvent/pageX -tags: - - DOM - - Referencia_DOM_de_Gecko - - Todas_las_Categorías -translation_of: Web/API/UIEvent/pageX ---- -<p>{{ ApiRef() }}</p> -<h3 id="Sumario" name="Sumario">Sumario</h3> -<p>Retorna la coordena horizontal del evento, relativo al documento completo.</p> -<h3 id="Sintaxis" name="Sintaxis">Sintaxis</h3> -<pre class="eval"><i>pageX</i> =<i>event</i>.pageX; -</pre> -<p><code>pageX</code> es un valor entero expresado en pixels para la corrdenada X del puntero del ratón, relativo al documento entero, cuando se produjo el evento. Esta propiedad toma en cuenta la barra de desplazamiento horizontal de la página.</p> -<h3 id="Ejemplo" name="Ejemplo">Ejemplo</h3> -<pre><html> -<head> -<title>pageX\pageY & layerX\layerY example</title> - -<script type="text/javascript"> - -function showCoords(evt){ - var form = document.forms.form_coords; - var parent_id = evt.target.parentNode.id; - form.parentId.value = parent_id; - form.pageXCoords.value = evt.pageX; - form.pageYCoords.value = evt.pageY; - form.layerXCoords.value = evt.layerX; - form.layerYCoords.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="showCoords(event)"> - -<p>To display the mouse coordinates please click anywhere on the page.</p> - -<div id="d1"> -<span>This is an un-positioned div so clicking it will return -layerX/layerY values almost the same as pageX/PageY values.</span> -</div> - -<div id="d2"> -<span>This is a positioned div so clicking it will return layerX/layerY -values that are relative to the top-left corner of this positioned -element. Note the pageX\pageY properties still return the -absolute position in the document, including page scrolling.</span> - -<span>Make the page scroll more! This is a positioned div so clicking it -will return layerX/layerY values that are relative to the top-left -corner of this positioned element. Note the pageX\pageY properties still -return the absolute position in the document, including page -scrolling.</span> -</div> - -<div id="d3"> -<form name="form_coords"> - Parent Element id: <input type="text" name="parentId" size="7" /><br /> - pageX:<input type="text" name="pageXCoords" size="7" /> - pageY:<input type="text" name="pageYCoords" size="7" /><br /> - layerX:<input type="text" name="layerXCoords" size="7" /> - layerY:<input type="text" name="layerYCoords" size="7" /> -</form> -</div> - -</body> -</html> -</pre> -<h3 id="Specificaci.C3.B3n" name="Specificaci.C3.B3n">Specificación</h3> -<p>No es parte del estándar público.</p> -<p>{{ languages( { "pl": "pl/DOM/event.pageX", "en": "en/DOM/event.pageX" } ) }}</p> |