1

Quiero que el evento click de un botón se ejecute al presionar en cualquier parte del botón y no lo consigo.

 d.addEventListener("click",(e)=>{      
  if(e.target.matches(".editar")){
    $formulario.nombre.value=e.target.dataset.nombre;       
    $formulario.constelacion.value=e.target.dataset.constelacion;       
    $formulario.id.value=e.target.dataset.id;   
  }
 });**

1 respuesta 1

0

Si muestras la parte de código en donde se encuentra declarado el boton va a ser mas fácil detectar si hay un problema. También cuando estás tratando de lograr algo (como el click de un boton) y no puedes te recomiendo empezar con algo mas simple, es decir evita la lógica interna del botón (if(e.target.matches(".editar"))) puede que no te esté funcionando porque no se cumple con la condición.

Te dejo de todos modos una implementación de un botón con el metodo addEventListener. En el mismo podrás notar que no hay ninguna propiedad que indique que el listener se ejecutará en cualquier parte del boton.

var c = 0;
document.getElementById("myBtn").addEventListener("click", function(){
  document.getElementById("demo").innerHTML = "Click click click: " + c;
  c++;
});
<button id="myBtn">Dale click</button>

<p id="demo"></p>

<p><strong>Nota:</strong> addEventListener() no es soportado en IE 8 y versiones anteriores :)</p>

3
  • el boton está dentro de un template
    – MARCOS
    el 7 sep. 2020 a las 9:53
  • <template id="crud-template"> <tr> <td class="nombre"></td> <td class="constelacion"></td> <td> <button class="editar" style="color:green">Editar</button> <button class="eliminar" style="color:red">Eliminar</button> </td> </tr> </template>
    – MARCOS
    el 7 sep. 2020 a las 9:53
  • el evento solo funciona si presiono en los bordes del boton, pero si hago click en el medio...no hace nada la aplicacion
    – MARCOS
    el 7 sep. 2020 a las 9:54

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.