带有单击整个按钮扩展名的Javascript按钮

Question

我正在用强行用js建立表格，该示例运行正常，但是仅当您单击该图标时该按钮才起作用，我希望通过单击图标周围的整个区域来使它起作用]

            for (var key in datos) {
            filasAMostrar += '<tr>' +
                '<td>' + '<p style="text-align:center"><b>'+ '<img src='+datos[key].imageUrl+'alt="imagem" width=35 height=35><br>' + datos[key].title + '</b></p>' + '</td>' +
                '<td>' + datos[key].price +
                '<button data-convalidacion2="' + key + '"class="btn btn-success mostrap">' +
                '<i class="fa fa-tags"></i>' +
                '</button>' + '</td>' +
                '<td>' + datos[key].cuisine + '</td>' +
                '<td>' +
                '<button data-convalidacion="' + key + '" class="btn btn-primary editar">' +
                '<i class="fas fa-edit"></i>' +
                '</button>' +
                '</td>' +
                '<td>' +
                '<button data-convalidacion="' + key + '" class="btn btn-danger borrar">' +
                '<i class="fas fa-times"></i>' +
                '</button>' +
                '</td>' +
                '</tr>';

        }

Answer 1

您可以在整个表上添加eventlistener，并检查它是否与按钮或其子元素之一匹配例如：