Changing "clic" for "click" (#25554)
Changing the "clic" words for "click" to clarify and prevent errors. Minnor changes to redaction, so the become more readable in spanish.
This commit is contained in:
@ -1,20 +1,20 @@
|
|||||||
---
|
---
|
||||||
title: Click Method
|
title: Click Method
|
||||||
localeTitle: Método de clic
|
localeTitle: Método de click
|
||||||
---
|
---
|
||||||
# Método de clic
|
# Método de clic
|
||||||
|
|
||||||
El método jQuery Click activa una función cuando se hace clic en un elemento. La función se conoce como "manejador" porque maneja el evento click. Funciones pueden afecte el elemento HTML que está vinculado al clic utilizando el método jQuery Click, o pueden cambiar algo completamente. La forma más utilizada es:
|
El método jQuery Click activa una función cuando se hace clic en un elemento. La función se conoce como "manejador" porque maneja el evento click. Las funciones pueden afectar el elemento HTML que está vinculado al click utilizando el método jQuery Click, o pueden cambiar algo completamente. La forma más utilizada es:
|
||||||
|
|
||||||
```javascript
|
```javascript
|
||||||
$("#clickMe").click(handler)
|
$("#clickMe").click(handler)
|
||||||
```
|
```
|
||||||
|
|
||||||
El método de hacer clic toma la función del controlador como un argumento y la ejecuta cada vez que se hace clic en el elemento `#clickMe` . La función de controlador recibe un parámetro conocido como [eventObject](http://api.jquery.com/Types/#Event) que puede ser útil para controlar la acción.
|
El método de hacer click toma la función del controlador como un argumento y la ejecuta cada vez que se hace clic en el elemento `#clickMe` . La función de controlador recibe un parámetro conocido como [eventObject](http://api.jquery.com/Types/#Event) que puede ser útil para controlar la acción.
|
||||||
|
|
||||||
#### Ejemplos
|
#### Ejemplos
|
||||||
|
|
||||||
Este código muestra una alerta cuando un usuario hace clic en un botón:
|
Este código muestra una alerta cuando un usuario hace click en un botón:
|
||||||
|
|
||||||
```html
|
```html
|
||||||
|
|
||||||
@ -44,7 +44,7 @@ $("#myLink").click(function (event) {
|
|||||||
|
|
||||||
[jsFiddle](https://jsfiddle.net/dy457gbh/)
|
[jsFiddle](https://jsfiddle.net/dy457gbh/)
|
||||||
|
|
||||||
#### Más formas de jugar con el método de clic.
|
#### Más formas de jugar con el método de click.
|
||||||
|
|
||||||
La función de controlador también puede aceptar datos adicionales en forma de un objeto:
|
La función de controlador también puede aceptar datos adicionales en forma de un objeto:
|
||||||
|
|
||||||
@ -61,7 +61,7 @@ $("element").click({firstWord: "Hello", secondWord: "World"}, function(event){
|
|||||||
});
|
});
|
||||||
```
|
```
|
||||||
|
|
||||||
Al invocar el método de clic sin una función de controlador se activa un evento de clic:
|
Al invocar el método de click sin una función de controlador se activa un evento de click:
|
||||||
|
|
||||||
```javascript
|
```javascript
|
||||||
$("#alert").click(function () {
|
$("#alert").click(function () {
|
||||||
@ -71,17 +71,17 @@ $("#alert").click(function () {
|
|||||||
$("#alert").click();
|
$("#alert").click();
|
||||||
```
|
```
|
||||||
|
|
||||||
Ahora, cada vez que se carga la página, el evento de clic se activará cuando ingresemos o recarguemos la página, y mostraremos la alerta asignada.
|
Ahora, cada vez que se carga la página, el evento de click se activará cuando ingresemos o recarguemos la página, y mostraremos la alerta asignada.
|
||||||
|
|
||||||
También debería preferir usar .on ('clic', ...) sobre .click (...) porque el primero puede usar menos memoria y trabajar para elementos agregados dinámicamente.
|
También debería preferir usar .on ('click', ...) sobre .click (...) porque el primero puede usar menos memoria y trabajar para elementos agregados dinámicamente.
|
||||||
|
|
||||||
[jsFiddle](https://jsfiddle.net/gspk6gxt/)
|
[jsFiddle](https://jsfiddle.net/gspk6gxt/)
|
||||||
|
|
||||||
#### Errores comunes
|
#### Errores comunes
|
||||||
|
|
||||||
El evento de clic solo está vinculado a los elementos que se encuentran actualmente en el DOM en el momento de la vinculación, por lo que cualquier elemento que se agregue después no se vinculará. Atar todo Los elementos en el DOM, incluso si se crearán en un momento posterior, utilizan el método `.on()` .
|
El evento de click solo está vinculado a los elementos que se encuentran actualmente en el DOM en el momento de la vinculación, por lo que cualquier elemento que se agregue después no se vinculará. Atar todos Los elementos en el DOM, incluso si se crearán en un momento posterior, utilizan el método `.on()` .
|
||||||
|
|
||||||
Por ejemplo, este ejemplo de método de clic:
|
Por ejemplo, este ejemplo de método de click:
|
||||||
|
|
||||||
```javascript
|
```javascript
|
||||||
$( "element" ).click(function() {
|
$( "element" ).click(function() {
|
||||||
|
Reference in New Issue
Block a user