js中click事件与submit事件的区别

JavaScript013

js中click事件与submit事件的区别,第1张

点击提交按钮时,一般先触发click事件,然后再触发submit事件。 这点倒是没什么好纠结的,click是在元素界面上的事件,submit属于表单控件上的事件。 onclick是元素在点击的时候触发的点击处理函数,而onsubmit是表单“点击”提交时,表单前的验证处理函数。为什么说“点击”提交呢? 2.响应事件的触发后续问题 通常我们用到的是响应处理函数,用于处理事件发生时的数据处理。 这里主要说的是click的处理后续和submit的处理后续:click->click响应事件->submit响应事件->submit click的处理事件完成后,该是轮到submit事件的处理以及处理后的submit. 而主要关注点在于,是否能够在每个节点处设置些什么来停止后续节点执行? 我们在用onclick="method()"时,只是响应事件执行了method这个方法,而如果写成onclick="return method()"则会将method的执行结果return。 关键在return,当return false的时候,onclick响应处理完成后,后续事件就不执行下去了同样的,在onsubmit上也写同样的return false 也是最终不会submit。 //2.1 处理顺序上好特别,直到写的时候才发现,click响应是在click之后,submit则是在submit响应之前? 2.2似乎还可以在响应事件处理中,用 event.preventDefault()//event 事件参数 3.submit的响应事件的不触发 我们如果直接用javascript代码来执行表单的提交的话(即 form.submit()),是不会触发onsubmit事件的。 这里要顺道提一下,我如果执行submit按钮的click事件,是会在执行完click之后跟着执行submit(表述遵从2提到的触发后续问题)。

JS不能调用C#写的服务器的按扭事件的.JS是客户端语言,如果你需要使用JS进行.NET的服务端交互请求,需要使用Ajax请求即可,用JS将数据请求发送到.net页面,然后接收服务端传回的请求,具体方法请参见百度“Ajax请求代码”,推荐使用JQuery(JS一个框架)进行Ajax请求,教程网上都有,很方便,希望对你有所帮助

前言:有些事情看上去简单甚至于平淡无奇,比如说爱情或者我们的生活可实际上却很复杂。js里面的event也是一样,不信就打印一下一个平淡无奇的onclick里面包含的event,只要在方法内传入参数event,或者e,还有ev然后打印,你就会发现一个新的天地。

核心内容:多种事件的运用场景解析

开始了

1吹牛逼

2吹牛逼

3也许我别来,你自然无恙

A:复杂多样的鼠标事件

应用:鼠标事件很多,平时用个点击就以为用过那就大错特错了,鼠标事件不仅有原生的点击,双击,移动,进入,移出,悬浮,可以打印event里面的type查看,还有一些比如jq封装的事件,这些事件而且会相互触发,比如移动move是最容易被其他事件触发,或者原生的拖拽事件,不仅有自己的事件,而且会触发元素上的很多其他事件。

B:为什么会这样呢?

解析:第一本身不同事件类型但是相近的鼠标操作就会同时触发,第二在多层dom结构中的事件,由于本身事件的冒泡机制,由最底层的元素向上冒泡,到父元素到document到window,以至于类似事件不同方法但是同时触发

C:怎么解决

办法:比如现象一:只想触发最底层的元素的点击事件,不触发其父元素的点击事件,解决方案阻止冒泡。现象二:类型相近事件相互触发,导致方法重复执行,解决方案在易促发的事件的方法中可以加入条件判断,是否已经执行过相同操作,如果有要么直接return,如果还有其他操作判断,可以将可能重复的那个操作进行重置。现象三:原生方法事件以及简单事件相互交叉影响导致最后鼠标事件失灵,定义的方法不能执行,页面不可控制,解决方案单个功能实现后进行方法设为null如dom.onclick=null,然后设置dom对象释放捕获。

event事件实在太多太复杂了,正如人生一样,可是有时候多一点细心多一点耐心,没事多打打断点和测试,我们会看得更加清晰,正如我若别来,你自然无恙,越是纠结,越是沉沦,往往简单最好。

事件人生,人生事件,简单复杂,复杂简单,一正一反,经历了自然会成长,花香了自然蝶飞舞。