我试图处理使用jQuery的表单元素的submit事件。
$("form").bind("submit",function() { alert("You are submitting!"); });
这不会在表单提交时(作为回发的一部分,例如当我点击按钮或链接按钮时)触发。
有没有办法使这项工作?我可以附加到触发提交的单个元素的事件,但是这不太理想 – 有太多的可能性(例如,autopostback = true的下拉列表,键盘快捷键等)
更新:这是一个最小的测试用例 – 这是我的aspx页面的全部内容:
<%@ page language="vb" autoeventwireup="false" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title></title> </head> <body> <form id="form1" runat="server"> <div> <asp:scriptmanager id="ScriptManager" runat="server" enablepartialrendering="true"> <scripts> <asp:scriptreference path="/Standard/Core/Javascript/Jquery.min.js" /> </scripts> </asp:scriptmanager> <p> <asp:linkbutton id="TestButton" text="Click me!" runat="server" /></p> </div> </form> <script type="text/javascript"> $(document).ready(function() { alert("Document ready."); $("form").submit(function() { alert("Submit detected."); }); }); </script> </body> </html>
我得到“文档准备”警报,但不是“提交检测到”,当点击链接按钮。
解决方法
感谢,@肯布朗宁和@russau指向我的劫持方向__doPostBack。
我看到了几种不同的方法:
我看到了几种不同的方法:
>硬编码我自己的__doPostBack版本,并将其放在页面上,以便它覆盖标准版本。
> Overload Render在页面上,并注入我自己的自定义代码到现有的__doPostBack。
>利用Javascript的功能性和创建一个钩子添加功能到__doPostBack。
前两个似乎不受欢迎的原因(例如,假设在将来有人需要添加自己的功能到__doPostBack)所以我已经去了#3。
这个addToPostBack函数是一个常见的pre-jQuery技术的变体,我用来向window.onload添加函数,它工作得很好:
addToPostBack = function(func) { var old__doPostBack = __doPostBack; if (typeof __doPostBack != 'function') { __doPostBack = func; } else { __doPostBack = function(t,a) { if (func(t,a)) old__doPostBack(t,a); } } }; $(document).ready(function() { alert("Document ready."); addToPostBack(function(t,a) { return confirm("Really?") }); });
编辑:更改addToPostBack,使
>它可以接受与__doPostBack相同的参数>正在添加的函数在__doPostBack之前发生>要添加的函数可以返回false以中止回发