Html 按钮单击在 Firefox 上不起作用

Posted 2023-03-05

【中文标题】Html 按钮单击在 Firefox 上不起作用

【英文标题】：Html Button click is not working on Firefox

【发布时间】：2018-02-09 06:46:47

【问题描述】：

在我的网页上，我有一个 html 按钮，它在 chrome 上完美运行，我不知道为什么它 在 Firefox 上不起作用。请告诉我为什么它不起作用..

设计

<div class="col-md-3">
     <button id="Button1" class="btn btn-green btn-block" onserverclick="SaveIt" runat="server">
      Save <i class="fa fa-arrow-circle-right"></i>
     </button>
 </div>

C#函数

protected void SaveIt(object sender, EventArgs e)

    //operations

如何解决这个浏览器兼容性问题？？

【问题讨论】：

打开 Firefox 的控制台并单击按钮时会收到什么消息？

看起来你使用的是 asp.net，如果你使用的是 webforms，你可以不使用 asp:button 控件来代替吗？

@Ferus7 没有来自 firefox 的回应，页面没有发布

@user3739842 为了更好的设计，有时我们必须坚持使用 html，对吧？

尝试重新启动系统，有时会有所帮助 :D !!

【参考方案1】：

与asp:button 不同，点击是由javascript 处理的（就像LinkButton）。在 html 中，按钮变成这样：

<button onclick="__doPostBack('ctl00$mainContentPane$Button1','')" id="mainContentPane_Button2" class="btn btn-green btn-block">

因此，如果它不起作用，则可能是 Firefox 中存在 javascript 错误，而不是 Chrome。这里有一些提示

用 LinkBut​​ton 测试它 检查浏览器控制台是否有 javascript 错误 您是否在某处有特定于浏览器的脚本，如果有，请将其删除以进行测试

【参考方案2】：

您需要将按钮控件更改为 asp 按钮。它应该工作。像这样……

<asp:Button ID="Button1" runat="server" OnClick="SaveIt()" Text="Save" /> 

【参考方案3】：

在 ASP.NET WebForms 中，应与服务器交互的所有内容（如在本例中处理服务器上的点击）都需要放置在 form 标记中。从您的帖子中不清楚，但我假设您没有在母版页中创建一个...

【讨论】：

我的母版页上有form 标记，！！