可以在 DOM 元素中禁用回发吗？

Question

我在 ASP.NET WebForms 应用程序的页面中搜索以禁用回发。此 aspc 页面将是 100% javascript（带有 vue.js）并且将不包含 ASP.NET 控件。

如果我在上面放一个 HTML 按钮，我必须不要忘记在 onClick 事件中添加一个 'return false'。我的目标是不必考虑这个。

是否可以在此特殊页面上禁用回发？

Answer 1

我认为您无法阻止页面返回 post。但是您可以一次性在 body 上使用 javascript 而不是所有按钮：

<body onsubmit="return false;">

Answer 2

可以对所有元素的点击事件添加覆盖。由于这些事件 "stack"，因此应在任何其他点击绑定事件之前添加。

<script type="text/javascript">
    $(function () {
        $('*').on('click', function(event) { event.preventDefault(); });
    });
</script>

这也将捕获任何添加的元素 "dynamically"。我没有研究过这种方法的潜在副作用。但它确实会阻止通过 button/link 次点击和回发来提交表单。

Answer 3

只需使用 html 纯 html 控件，避免使用网页控件或任何带有 runat="server" 的 html 控件

Possible to disable postback in a DOM element?