javascript - 从javascript中断在Razor View中调用data-url-action

Question

在应用程序中，我们通过将操作名称和 Controller 名称放在 Razor View 的 data-url-action 属性中来处理按钮操作，如下所示:

<button type="button" class="btn" title="Add" data-url-action="@Url.Action("Add", "Home")">
    <span class="glyphicon glyphicon-plus" aria-hidden="true"></span>
</button>

它工作得很好，但现在我想允许或不允许从 Controller 调用该操作。在我的 javascript 中我有函数:

function setButtonsAccessibility(control) {
    if (!checkControl(control) {
        control.onclick = (function (event) {
            debugger;
            event.preventDefault();
        });
    }
}

该函数在调用来自 Controller 的操作之前捕获 onClick 事件，但我不知道如何中断它。满足我的要求时会附加该 onclick 函数，在这里我想阻止触发操作。

我正在考虑重写一些 Razor 函数，该函数识别单击具有完成的数据 url 操作的按钮等同于重定向到指向的操作，但我不知道如何找到该函数。是否有可能以这种方式解决该问题或者是否有更简单的解决方案？

event.preventDefault();

调用上述函数并没有解决问题。

我正在寻找通用解决方案，我无法在 View 中进行数百次更改 - 这就是我想通过脚本解决它的原因。

Answer 1

您可以尝试使用 jquery event.stopPropagation()(假设您使用的是 jquery)。

更多详情: https://api.jquery.com/event.stoppropagation/