Heim > Web-Frontend > js-Tutorial > JQuery与JS里submit()的区别示例介绍_jquery

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

WBOY
Freigeben: 2016-05-16 16:59:41
Original
1191 Leute haben es durchsucht

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 (!theForm.onsubmit || (theForm.onsubmit() != false)) {
...
}

这句了。

于是把添加事件写成
复制代码 代码如下:

$("form:first").get(0).onsubmit = function () {
...
};

就可以啦。

另外,用JQuery的 submit([[data],fn]) 添加的事件是可以用 $().submit() 触发的。
Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage