HTML.ActionLink按钮问题

Question

我现在有一个按钮，功能有点奇怪。每当您在按钮中间单击右键时，它就会工作并执行所请求的操作。但是，如果您单击按钮的外部边框附近的任何位置，则该操作将不会执行。

以下是当前代码：

     @if(mode == "Edit"){
            <div class="Delete"><button class="btn btn-danger">
            @Html.ActionLink("Delete Profile", "Delete", "GPS",  new { Id = Model.provider.Company.Id.Value, oem = Model.provider.Id}, 
            new { onclick = "return confirm('Are you sure you want to delete this provider? 
            All GPS Devices attributed to this provider will be removed as well.')" })</button></div>  
                }

Answer 1

如果您检查代码的结果HTML，您将看到以下结构：

<div>
<button>
    <a></a>
</button>
</div>

您的事件onclick只附加到<a>标记，因此如果您单击<button>内的任何位置，但在<a>之外，则不会触发该操作。

默认情况下，<a>标记是内联的，这意味着它的大小是由它的内容来定义的，所以它不会完全填充<button>，您可以使用来自任何浏览器的检查工具(比如Chrome工具)直观地看到这一点。

您可以使用CSS来修改<a>标记的尺寸。试着用display:block，width和height。

最后的答案将取决于您的其他风格规则。