事件函数列表
blur() 元素失去焦点
focus() 元素获得焦点
click() 鼠标单击
mouseover() 鼠标进入(进入子元素也触发)
mouseout() 鼠标离开(离开子元素也触发)
mouseenter() 鼠标进入(进入子元素不触发)
mouseleave() 鼠标离开(离开子元素不触发)
hover() 同时为mouseenter和mouseleave事件指定处理函数
ready() DOM加载完成
resize() 浏览器窗口的大小发生改变
scroll() 滚动条的位置发生变化
submit() 用户递交表单
submit() 用户递交表单
这个submit()
函数是在form
表单点击submit
按钮的时候默认可以触发的。
为什么需要触发这个submit()
事件呢?
原因就是很多时候表单的提交并不能使用原生的submit
按钮直接提交表单,而是需要触发一个事件,在这个事件处理验证完毕数据,最后在使用ajax
进行异步提交处理较好。
应对这样的情况,就需要使用submit()
函数了。
那么下面简单一些演示,就是写一个简单的表单,然后禁止默认的submit提交,alert()出文本框的值出来。
首先二话不说写一个表单先
点击原生的submit,如下:
可以看到,如果直接用原生的submit
提交,就无法校验这两个文本框输入的内容是否正常。
或者简单点就是是否空字符串。
禁用原生的submit事件
注意:该事件只适用于 <form> 元素。
submit() 方法触发 submit 事件,或规定当发生 submit 事件时运行的函数。
下面来禁止submit提交到百度页面,如下:
这样就可以阻止直接submit了,可以在function
里面进行操作完毕,然后再使用ajax
进行提交。