Saltar al contenido

lightning-input activa dos eventos onclick en Lightning Web Component

Esmeralda, parte de este staff, nos ha hecho el favor de redactar este post ya que controla a la perfección este tema.

Solución:

A partir de la especificación de entrada de rayos, parece que no hay nativo onclick evento.

Se recomienda que usted debe estar usando onchange en cambio.

HTML:


js:

import  LightningElement  from 'lwc';

export default class InputCheckboxBasic extends LightningElement 
    handleBulletPointsInput2()
        console.log('--handleBulletPointsInput21--');
    

Enlace de juegos: https://developer.salesforce.com/docs/component-library/tools/playground/lsOssohh3/5/edit

Razón por la cual dispara dos eventos al hacer clic:

En la casilla de verificación html normal, la verificación desmarcada solo funciona cuando hace clic en la casilla de verificación.

En lightning-input el check-uncheck funciona incluso al hacer clic en Label. Tanto la casilla de verificación como la etiqueta reaccionan al hacer clic, ya que ambos son elementos secundarios de div/span que maneja el evento onclick y lo propaga a todos los elementos secundarios reactivos.

Aquí tienes las reseñas y puntuaciones

Te invitamos a proteger nuestra misión poniendo un comentario y puntuándolo te damos las gracias.

¡Haz clic para puntuar esta entrada!
(Votos: 3 Promedio: 4.7)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *