ASP.NET 4.7.2动态按钮阻止回发失效求助

针对动态创建Button控件后，即使设置客户端JS和return false仍触发回发的问题，可尝试以下几种排查和解决方法：

1. 排查客户端函数执行异常 #

如果endEventModal()函数存在语法错误、未定义或执行时抛出异常，会导致后续的return false无法执行，进而触发回发。

• 打开浏览器开发者工具（F12）的控制台，点击按钮查看是否有JS报错。
• 先简化代码测试：

  btn.OnClientClick = "console.log('测试'); return false;";
  

  若此代码能阻止回发，说明问题出在endEventModal()函数本身，需修复该函数逻辑。

2. 强制覆盖按钮点击事件 #

ASP.NET的OnClientClick属性可能会与控件自动生成的回发代码合并，导致return false失效。可直接通过Attributes设置完整的onclick事件，同时确保按钮不是submit类型：

Button btn = new Button();
btn.Attributes["style"] = "scale: 78%; box-shadow: 0 4px 4px 0 rgba(0,0,0,1);";
btn.CssClass = "stdBtn";
btn.Text = "End Event";
btn.UseSubmitBehavior = false; // 关键：将按钮从submit转为button类型
btn.CausesValidation = false;
btn.ClientIDMode = ClientIDMode.Static;
btn.ID = "btn_endEvent";
// 直接设置onclick属性，替代OnClientClick
btn.Attributes["onclick"] = "endEventModal(); return false;";
pnl.Controls.Add(btn);

3. 阻止事件冒泡和默认行为 #

若页面存在父元素的点击事件冒泡，可能间接触发回发。可在客户端函数中添加阻止逻辑：

function endEventModal() {
  // 你的原有业务逻辑
  // 新增阻止默认行为和冒泡
  event.preventDefault();
  event.stopPropagation();
  return false;
}

同时按钮的OnClientClick改为：

btn.OnClientClick = "return endEventModal();";

4. 改用HTML按钮替代服务器控件 #

如果以上方法均无效，可直接动态创建HTML按钮，完全绕过ASP.NET服务器控件的回发逻辑：

HtmlButton btn = new HtmlButton();
btn.Attributes["style"] = "scale: 78%; box-shadow: 0 4px 4px 0 rgba(0,0,0,1);";
btn.Attributes["class"] = "stdBtn";
btn.InnerText = "End Event";
btn.Attributes["onclick"] = "endEventModal();";
pnl.Controls.Add(btn);

内容的提问来源于stack exchange，提问作者Scott