Skip to main content
2 de 3
Arreglo de código mal puesto
masterguru
  • 16k
  • 5
  • 15
  • 28

Configurar acción click de un <a> que se encuentra en un <button>

He diseñado unas tarjeta que representan un mensaje, esta tarjeta es un botón con varios componentes más, uno de ellos es un <a> que actúa como botón.

El código sería así:

    <button id="message" class="btn btn-lg btn-primary" onclick="getMessage('{{ $message -> id }}', '{{ $type_user }}')">
        <div class="row">
            <div id="top" class="col-md-12">
                <div class="row">
                    <div class="col-md-2">
                    </div>

                    <div class="col-md-8">
                        <p>{{ $message -> text }}</p>
                    </div>

                    <div class="col-md-2">
                        <a type="button" class="btn btn-secundary" data-bs-toggle="modal" data-bs-target="#staticBackdrop">
                            <i class="fas fa-trash-alt" data-bs-toggle="tooltip" data-bs-placement="right" title="Eliminar mensaje"></i>
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </div>

El problema es que al "clickar" sobre el <a>, muestra correctamente el "tooltip" pero también se ejecuta el método "onclick" del botón que lo contiene.

¿Alguien podría decirme si hay alguna forma de evitar que esto ocurra?

Fran Cámara
  • 722
  • 1
  • 6
  • 21