jQuery 事件--表单事件

表单事件

事件	说明
focus([[data],fn])	当元素获得焦点时，触发 focus 事件。
blur([[data],fn])	当元素失去焦点时触发 blur 事件。
focusin([data],fn)	当元素获得焦点时，触发 focusin 事件。
focusout([data],fn)	当元素失去焦点时触发 focusout 事件。
change([[data],fn])	当元素的值发生改变时，会发生 change 事件。
select([[data],fn])	当 textarea 或文本类型的 input 元素中的文本被选择时，会发生 select 事件。
submit ([data],fn)	当提交表单时，会发生 submit 事件。

说明：

focus([[data],fn])：
fn（Function）：在每一个匹配元素的focus事件中绑定的处理函数。

[data],fn（String,Function）：

• data:focus([Data], fn) 可传入data供函数fn处理。
• fn:在每一个匹配元素的focus事件中绑定的处理函数。

可以通过鼠标点击或者键盘上的TAB导航触发。这将触发所有绑定的focus函数，注意，某些对象不支持focus方法。

---

blur([[data],fn])：
fn（Function）：在每一个匹配元素的blur事件中绑定的处理函数。

[data],fn（String,Function）：

• data:blur([Data], fn) 可传入data供函数fn处理。
• fn:在每一个匹配元素的blur事件中绑定的处理函数。

这个函数会调用执行绑定到blur事件的所有函数，包括浏览器的默认行为。可以通过返回false来防止触发浏览器的默认行为。blur事件会在元素失去焦点的时候触发，既可以是鼠标行为，也可以是按tab键离开的

---

focusin([[data],fn])：
fn（Function）：在每一个匹配元素的focusin事件中绑定的处理函数。

[data],fn（String,Function）：

• data:focusin([Data], fn) 可传入data供函数fn处理。
• fn:在每一个匹配元素的focusin事件中绑定的处理函数。

focusin事件跟focus事件区别在于，他可以在父元素上检测子元素获取焦点的情况。

---

focusout([[data],fn])：
fn（Function）：在每一个匹配元素的focusout事件中绑定的处理函数。

[data],fn（String,Function）：

• data:focusout([Data], fn) 可传入data供函数fn处理。
• fn:在每一个匹配元素的focusout事件中绑定的处理函数。

focusout事件跟blur事件区别在于，他可以在父元素上检测子元素失去焦点的情况。

---

change ([[data],fn])：
fn（Function）：在每一个匹配元素的change 事件中绑定的处理函数。

[data],fn（String,Function）：

• data:change ([Data], fn) 可传入data供函数fn处理。
• fn:在每一个匹配元素的change 事件中绑定的处理函数。

该事件仅适用于文本域（text field），以及 textarea 和 select 元素。当用于 select 元素时，change 事件会在选择某个选项时发生。当用于 text field 或 text area 时，该事件会在元素失去焦点时发生。

---

select([[data],fn])：
fn（Function）：在每一个匹配元素的select事件中绑定的处理函数。

[data],fn（String,Function）：

• data:select([Data], fn) 可传入data供函数fn处理。
• fn:在每一个匹配元素的select 事件中绑定的处理函数。

这个函数会调用执行绑定到select事件的所有函数，包括浏览器的默认行为。可以通过在某个绑定的函数中返回false来防止触发浏览器的默认行为。

---

submit ([[data],fn])：该事件只适用于表单元素。
fn（Function）：在每一个匹配元素的submit 事件中绑定的处理函数。

[data],fn（String,Function）：

• data:submit ([Data], fn) 可传入data供函数fn处理。
• fn:在每一个匹配元素的submit 事件中绑定的处理函数。