Mostrar los tags: addEventListener

Mostrando del 1 al 7 de 7 coincidencias
<<>>
Se ha buscado por el tag: addEventListener
Imágen de perfil

Obtener todos los valores de una fila pulsando un botón en dicha fila con JavaScript


JavaScript

Actualizado el 11 de Diciembre del 2020 por Xve (294 códigos) (Publicado el 7 de Febrero del 2018)
39.416 visualizaciones desde el 7 de Febrero del 2018
En este ejemplo, se muestra como obtener el contenido de todos los <td> de una fila cualquiera de una tabla pulsando un botón ubicado en dicha fila.

coger-valores-fila



Aquí el mismo código pero obteniendo el valor de las columnas: https://www.lawebdelprogramador.com/codigo/JavaScript/6765-Obtener-todos-los-valores-de-una-columna-pulsando-un-boton-en-dicha-columna-con-JavaScript.html

Aquí el mismo código con JQuery
https://www.lawebdelprogramador.com/codigo/JQuery/3134-Obtener-todos-los-valores-de-una-fila-pulsando-un-boton-en-dicha-fila-con-JQuery.html
Imágen de perfil

Campo que no admita espacios


JavaScript

estrellaestrellaestrellaestrellaestrella(1)
Actualizado el 4 de Abril del 2020 por Joel (150 códigos) (Publicado el 2 de Abril del 2020)
1.166 visualizaciones desde el 2 de Abril del 2020
Este simple código muestra como utilizando una clase podemos impedir mediante javascript que se pulse un espacio dentro de un campo de texto

impedir-poner-espacios
Imágen de perfil

Multiplicar los inputs por filas y hacer el total


JavaScript

estrellaestrellaestrellaestrellaestrella(3)
Publicado el 21 de Junio del 2018 por Xavi (548 códigos)
6.842 visualizaciones desde el 21 de Junio del 2018
Este simple código, muestra como multiplicar el precio del producto por la cantidad indicada por el usuario en cada producto por separado, a medida que el usuario va introduciendo los importes y/o cantidades. También realiza la suma total de los productos.

multiplicar-productos-javascript
Imágen de perfil

Ocultar/Mostrar div según texto de búsqueda


JavaScript

estrellaestrellaestrellaestrellaestrella(2)
Publicado el 31 de Marzo del 2018 por Xavi (548 códigos)
4.881 visualizaciones desde el 31 de Marzo del 2018
Este simple código, muestra como esconder o mostrar los divs que contienen parte de la cadena de búsqueda.
La búsqueda se hace en el dataset.buscar, ya que el contenido del div podría contener imágenes, código html, etc...

buscar-en-div

buscar-en-div-resultado
Imágen de perfil

Crear un evento desde JavaScript con addEventListener


JavaScript

Publicado el 24 de Junio del 2015 por Xve (294 códigos)
5.272 visualizaciones desde el 24 de Junio del 2015
Este simple código, te muestra como desde JavaScript, puedes crear un evento click sobre un botón.
Al hacerlo de esta manera, tu código HTML queda completamente separado del código JavaScript... muy útil para trabajar en modelo vista controlador (MVC).