-
Notifications
You must be signed in to change notification settings - Fork 8k
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Convert to md web/api/event [es] (#9309)
* Convert to md web/api/event [es] - [x] index.md - [x] bubbles - [x] cancelable - [x] currenttarget - [x] defaultprevented - [x] event - [x] initevent - [x] preventdefault - [x] stoppropagation - [x] target - [x] type * Apply suggestions from code review * Add sourceCommit Co-authored-by: Alexander <[email protected]>
- Loading branch information
Showing
22 changed files
with
749 additions
and
833 deletions.
There are no files selected for viewing
This file was deleted.
Oops, something went wrong.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,51 @@ | ||
--- | ||
title: event.bubbles | ||
slug: Web/API/Event/bubbles | ||
tags: | ||
- Anidado | ||
- DOM | ||
- Propagación | ||
- Referencia | ||
- Referência(2) | ||
- eventos | ||
translation_of: Web/API/Event/bubbles | ||
--- | ||
{{ ApiRef("DOM") }} | ||
|
||
### Resumen | ||
|
||
Indica si el evento determinado _se propaga_ (burbujea) a través del DOM o no. Esta propagación se refiere a si el evento viaja desde el elemento donde se originó hasta los elementos padres en orden de anidamiento. | ||
|
||
### Sintaxis | ||
|
||
``` | ||
event.bubbles | ||
``` | ||
|
||
Retorna un valor Booleano que es `true` si el evento se propaga en el DOM. | ||
|
||
### Ejemplo | ||
|
||
``` | ||
var bool = event.bubbles; | ||
``` | ||
|
||
`bool` tiene el valor `true` o `false`, dependiendo de si el evento puede ser burbuja o no. | ||
|
||
### Notas | ||
|
||
Sólo ciertos eventos pueden ser burbuja. Los eventos que pueden ser burbuja tienen esta propiedad con el valor `true`. Podemos usar esta propiedad para comprobar si un elemento puede ser burbuja o no. | ||
|
||
### Ejemplo | ||
|
||
``` | ||
function goInput(e) { | ||
// comprueba si es burbuja y | ||
if (!e.bubbles) { | ||
// entrega el evento si no lo es | ||
passItOn(e); | ||
} | ||
// está siendo propagado | ||
doOutput(e) | ||
} | ||
``` |
This file was deleted.
Oops, something went wrong.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,33 @@ | ||
--- | ||
title: event.cancelable | ||
slug: Web/API/Event/cancelable | ||
tags: | ||
- Referencia_DOM_de_Gecko | ||
translation_of: Web/API/Event/cancelable | ||
--- | ||
{{ ApiRef("DOM") }} | ||
|
||
### Resumen | ||
|
||
Indica si el elemento puede ser cancelado o no. | ||
|
||
### Sintaxis | ||
|
||
``` | ||
bool = | ||
event.cancelable; | ||
``` | ||
|
||
`bool` tiene valor `true` o `false`, dependiendo de si el evento puede ser desactivado. | ||
|
||
### Notas | ||
|
||
Si un evento puede ser cancelado o no, es algo que se determina en el momento en que el evento es inicializado. | ||
|
||
Para cancelar un evento, llama al método [preventDefault](es/DOM/event.preventDefault) en el evento. Esto evita que la tarea de implementación ejecute la acción por defecto asociada con el evento. | ||
|
||
### Especificación | ||
|
||
[DOM Level 2 Events: cancelable](http://www.w3.org/TR/DOM-Level-2-Events/events.html#Events-Event-canCancel) | ||
|
||
{{ languages( { "en": "en/DOM/event.cancelable", "ja": "ja/DOM/event.cancelable", "pl": "pl/DOM/event.cancelable" } ) }} |
This file was deleted.
Oops, something went wrong.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,53 @@ | ||
--- | ||
title: Event.currentTarget | ||
slug: Web/API/Event/currentTarget | ||
tags: | ||
- API | ||
- DOM | ||
- Gecko | ||
- Property | ||
translation_of: Web/API/Event/currentTarget | ||
--- | ||
{{APIRef("DOM")}} | ||
|
||
Identifica el target (objetivo) actual del evento, ya que el evento atraviesa el DOM. Siempre hace referencia al elmento al cual el controlador del evento fue asociado, a diferencia de `event.target`, que identifica el elemento el el que se produjo el evento. | ||
|
||
## Ejemplo | ||
|
||
Es interesante utilizar `event.currentTarget` cuando se asocia un mismo controlador de eventos a varios elementos. | ||
|
||
```js | ||
function hide(e){ | ||
e.currentTarget.style.visibility = "hidden"; | ||
console.log(e.currentTarget); | ||
// Cuando esta función es usada como un controlador de evento: this === e.currentTarget | ||
} | ||
|
||
var ps = document.getElementsByTagName('p'); | ||
|
||
for(var i = 0; i < ps.length; i++){ | ||
// console: imprime el elemento pulsado <p> | ||
ps[i].addEventListener('click', hide, false); | ||
} | ||
// console: imprime <body> | ||
document.body.addEventListener('click', hide, false); | ||
|
||
// hace desaparecer párrafos al hacer click alrededor | ||
``` | ||
|
||
## Especificaciones | ||
|
||
| Especificación | Estado | Comentario | | ||
| ------------------------------------------------------------------------------------------------------------ | -------------------------------- | ------------------ | | ||
| {{SpecName("DOM WHATWG", "#dom-event-currenttarget", "Event.currentTarget")}} | {{Spec2("DOM WHATWG")}} | | | ||
| {{SpecName("DOM4", "#dom-event-currenttarget", "Event.currentTarget")}} | {{Spec2("DOM4")}} | | | ||
| {{SpecName("DOM3 Events", "#dfn-current-event-target", "current event target")}} | {{Spec2("DOM3 Events")}} | | | ||
| {{SpecName("DOM2 Events", "#Events-Event-currentTarget", "Event.currentTarget")}} | {{Spec2("DOM2 Events")}} | Definición inicial | | ||
|
||
## Compatibilidad con navegadores | ||
|
||
{{Compat("api.Event.currentTarget")}} | ||
|
||
## Ver también | ||
|
||
[Comparativa de Event Targets](/es/docs/Web/API/Event/Comparison_of_Event_Targets) |
This file was deleted.
Oops, something went wrong.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,30 @@ | ||
--- | ||
title: event.defaultPrevented | ||
slug: Web/API/Event/defaultPrevented | ||
translation_of: Web/API/Event/defaultPrevented | ||
--- | ||
{{ ApiRef() }} | ||
|
||
### Resumen | ||
|
||
Retorna un boleano indicando si {{ domxref("event.preventDefault()") }} fue llamado en el evento o no. | ||
|
||
> **Nota:** Deberías usar este en lugar del que no es estándar, el método obsoleto `getPreventDefault()` (ver {{ bug(691151) }}). | ||
### Sintaxis | ||
|
||
``` | ||
bool = event.defaultPrevented | ||
``` | ||
|
||
### Ejemplo | ||
|
||
``` | ||
if (e.defaultPrevented) { | ||
/* El evento por defecto fue prevenido */ | ||
} | ||
``` | ||
|
||
### Compatibilidad del Navegador | ||
|
||
{{Compat("api.Event.defaultPrevented")}} |
Oops, something went wrong.