html的onclick与onserverclick.后者失效不执行

最新推荐文章于 2021-07-27 19:33:48 发布

原创最新推荐文章于 2021-07-27 19:33:48 发布 · 6.5k 阅读

2 ·

CC 4.0 BY-SA版权

本文探讨了HTML中按钮元素的button和submit类型在触发服务器端事件时的不同行为，通过实例展示了将按钮类型从button更改为submit能够解决事件不触发的问题，并解释了这两种按钮类型的本质区别。

在用VS2003修改GBM项目时，写了一个buttonDelete

<input class="BMSbutton60" id="QbuttonDelete" type="button"        onserverclick="QbuttonDelete_Click"  onclick="return confirm('Are you sure to delete ?');" value="Delete" name="QbuttonDelete" runat="server">

然后后台也写了对应的public void QbuttonDelete_Click(object sender,System.EventArgs e)方法。

可是当弹出框框，不论选择“确定”还是“取消”,都不触发后台事件。也就是onserverclick都不执行。

好吧，把onclick索性改成“return true”。还是不行！

最终发现，只要把type="button"改为type="submit"就一切正常了。

<input class="BMSbutton60" id="QbuttonDelete" type="submit" onserverclick="QbuttonDelete_Click"  onclick="return confirm('Are you sure to delete ?');" value="Delete" name="QbuttonDelete" runat="server">

WHY?

HTML中的submit和button的区别

submit是button的一个特例，也是button的一种。它把提交这个动作自动集成了。

submit和button两者都以按钮的形式展现，看起来都是按钮，

所不同的是type属性和触发响应的事件上，submit会提交表单，button不会提交表单。

INPUT type='submit'即发送表单

INPUT type='button'就是单纯的按钮功能，提交的是innerTEXT