JQuery与JS里submit()的区别示例介绍


Posted in Javascript onFebruary 17, 2014

ASP.NET 的服务器控件回发是使用这一段JS代码:

var theForm = document.forms['form1']; 
if (!theForm) { 
theForm = document.form1; 
} 
function __doPostBack(eventTarget, eventArgument) { 
if (!theForm.onsubmit || (theForm.onsubmit() != false)) { 
theForm.__EVENTTARGET.value = eventTarget; 
theForm.__EVENTARGUMENT.value = eventArgument; 
theForm.submit(); 
} 
}

今天遇到的问题是想在服务器端控件回发之前给其中一个隐藏域赋值,以给服务器传值。

于是就用JQuery的 submit([[data],fn]) 方法添加了一个事件,但发现不起作用。

我用 $("form:first").submit() 试了一下,发现能触发事件函数。

怎么回事呢?查了一下资料发现js的原生函数 void submit() 并不触发submit事件。这也是为什么上面那段代码里有

if (<span style="color:#006600">!theForm.onsubmit || (theForm.onsubmit() != false</span>)) { 
... 
}

这句了。

于是把添加事件写成

$("form:first")<span style="color:#006600">.get(0)</span>.onsubmit = function () { 
... 
};

就可以啦。

另外,用JQuery的 submit([[data],fn]) 添加的事件是可以用 $().submit() 触发的。

Javascript 相关文章推荐
浅谈Javascript的静态属性和原型属性
May 07 Javascript
javascript常用经典算法实例详解
Nov 25 Javascript
详解Angularjs filter过滤器
Feb 06 Javascript
原生js实现autocomplete插件
Apr 14 Javascript
深入理解JQuery中的事件与动画
May 18 Javascript
JavaScript重定向URL参数的两种方法小结
Oct 19 Javascript
ajax实现动态下拉框示例
Jan 10 Javascript
vue.js实现备忘录功能的方法
Jul 10 Javascript
浅谈js中的this问题
Aug 31 Javascript
JavaScript数组push方法使用注意事项
Oct 30 Javascript
vue表单中遍历表单操作按钮的显示隐藏示例
Oct 30 Javascript
vue使用echarts实现水平柱形图实例
Sep 09 Javascript
按Enter键触发事件的jquery方法实现代码
Feb 17 #Javascript
清除div下面的所有标签的方法
Feb 17 #Javascript
JS控制一个DIV层在指定时间内消失的方法
Feb 17 #Javascript
js打开新窗口方法整理
Feb 17 #Javascript
Javascript浮点数乘积运算出现多位小数的解决方法
Feb 17 #Javascript
eclipse导入jquery包后报错的解决方法
Feb 17 #Javascript
jsp网页搜索结果中实现选中一行使其高亮
Feb 17 #Javascript
You might like
咖啡磨器 如何选购一台适合家用的意式磨豆机
2021/03/05 新手入门
Codeigniter中集成smarty和adodb的方法
2016/03/04 PHP
js获取系统的根路径实现介绍
2013/09/08 Javascript
jquery中交替点击事件toggle方法的使用示例
2013/12/08 Javascript
JS中如何设置readOnly的值
2013/12/25 Javascript
jQuery1.9.1源码分析系列(十六)ajax之ajax框架
2015/12/04 Javascript
一起学写js Calender日历控件
2016/04/14 Javascript
vue父子组件的数据传递示例
2017/03/07 Javascript
NodeJS处理Express中异步错误
2017/03/26 NodeJs
React实践之Tree组件的使用方法
2017/09/30 Javascript
微信小程序使用swiper组件实现层叠轮播图
2018/11/04 Javascript
python虚拟环境 virtualenv的简单使用
2020/01/21 Javascript
Vue data的数据响应式到底是如何实现的
2020/02/11 Javascript
在Echarts图中给坐标轴加一个标识线markLine
2020/07/20 Javascript
JS实现小米轮播图
2020/09/21 Javascript
[46:00]Ti4 冒泡赛第二轮LGD vs C9 2
2014/07/14 DOTA
[53:15]2018DOTA2亚洲邀请赛3月29日 小组赛A组 KG VS OG
2018/03/30 DOTA
[03:17]DOTA2-DPC中国联赛1月29日Recap集锦
2021/03/11 DOTA
[01:50:49]DOTA2-DPC中国联赛 正赛 PSG.LGD vs Aster BO3 第三场 1月24日
2021/03/11 DOTA
python 七种邮件内容发送方法实例
2014/04/22 Python
Windows下安装python2和python3多版本教程
2017/03/30 Python
Python实现Dijkstra算法
2018/10/17 Python
Python Scapy随心所欲研究TCP协议栈
2018/11/20 Python
Django网络框架之HelloDjango项目创建教程
2019/06/06 Python
python for循环remove同一个list过程解析
2019/08/14 Python
Python udp网络程序实现发送、接收数据功能示例
2019/12/09 Python
解决Jupyter notebook中.py与.ipynb文件的import问题
2020/04/21 Python
Python根据字符串调用函数过程解析
2020/11/05 Python
HTML5进度条特效
2014/12/18 HTML / CSS
华纳兄弟工作室的官方授权商店:WB Shop
2018/11/30 全球购物
Lookfantastic澳大利亚官网:英国知名美妆购物网站
2021/01/07 全球购物
安全协议书范本
2014/04/21 职场文书
简易离婚协议书范本
2014/10/24 职场文书
入团申请书格式
2019/06/20 职场文书
Golang Gob编码(gob包的使用详解)
2021/05/07 Golang
《废话连篇——致新手》——chinapizza
2022/04/05 无线电