如何禁用上一个<td>的点击？

问题描述

我想禁止最后一次单击，因为该列包含删除操作按钮。

我不想使用JS或JQuery，我想知道是否有可能在HTML标签代码中禁用它。

这不是重复的问题，因为大多数类似的问题都包括我不想使用的JS或Jquery的使用。

<tr onclick="location.href = '@Url.Action("DetallePedido","Pedidos",new { id = pedido.Id })'" class="bg-warning">
            <td>@pedido.Id</td>
            <td>@pedido.FechaPedido</td>
            <td>@pedido.Cliente.Nombres</td>
            <td>@pedido.Region</td>
            <td>@pedido.ContactoPrincipal</td>
            <td>@pedido.Telefonoc</td>
            <td>@pedido.SubTotal</td>
            <td>@pedido.Total</td>
            <td>@pedido.FechaEntrega</td>
            <td>@pedido.Direccion</td>
            <td>
                @if (pedido.User != null)
                {
                    @pedido.User.Name
                } else
                {
                    @pedido.vendedor
                }

            </td>
            <td class="text-center"><a class="btn btn-danger btn-xs text-white" onclick="cancelarPedido(@pedido.Id)"><i class="fas fa-trash-alt"></i></a></td>
        </tr>

解决方法

您可以将CSS style="pointer-events: none;"设置为删除链接。参见：https://css-tricks.com/almanac/properties/p/pointer-events/

但这不是一个很好的解决方案，您最好将onclick属性更改为return: false;。