Question

onclick onserverclick，onclientclick的区别和用法

若以下回答无法解决问题，邀请你更新回答

Answer 1

1、OnClientClick是客户端事件处理方法，一般采用JavaScript来进行处理，也就是直接在IE端运行，一点击就运行；
2、OnClick是服务器端事件处理方法，在服务器端也就是IIS中运行，点击后，先执行postback，再运行；
3、OnClientClick常用来做一些客户端的检测。当然也可以放在服务器端检测，但是需要与服务器进行交互，消耗资源，而且用户体验也不好。
当一个控件上同时有OnClick和OnClientClick时，OnClientClick先于OnClick执行
正确的写法应该是：
举例一：<asp:Button ID="btnSave" runat="server" Text="Save" OnClick="btnSave_Click" OnClientClick="return saveFunc();" />
saveFunc对数据进行验证，当验证通过返回true时，执行服务器端方法进行保存，验证不通过返回false，服务器端的保存方法就不会执行。
错误的写法：
举例二：
<!--无论验证是否通过，都会执行服务器端方法，不能达到验证的目的-->
<asp:Button ID="btnSave" runat="server" Text="Save" OnClick="btnSave_Click" OnClientClick="saveFunc();" />
举例三：
<!--无论验证结果如何都返回false，服务器端方法永远不会执行-->
<asp:Button ID="btnSave" runat="server" Text="Save" OnClick="btnSave_Click" OnClientClick="saveFunc(); return false;" />

下面以 HTML的按钮(system.web.ui.htmlcontrols) 和 ASP.NET服务端按钮 (system.web.ui.webcontrols) 为例：
一、 HTML控件，如IMG的输入按钮等 的 onclick ( 客户端) 和 onserverclick(服务端) 事件，
举例四：
注意 runat="server"
<input type="button" id="btn" name="btn" value="button" runat="server" onserverclick="ServerSideEvent" onclick="SideScript" />
此处的onclick先于onserverclick执行。
二、WEB控件，如<asp:button 按钮等 的 onclientclick (客户端) 和 onclick (服务端) 事件；
举例五：
<asp:Button ID="btn" text="button" runat="server" OnClick="SideScript" OnClientClick="ClientSideScript" />
此处的onclientclick先于onclick执行。