jQuery事件-表单事件

focus 与 blur 事件：之前学过了表单处理事件focusin事件与focusout事件，同样用于处理表单焦点的事件还有blur与focus事件

它们之间的本质区别： 是否支持冒泡处理

focus() 不会冒泡，在元素本身产生；focusin() 会冒泡，在元素包含的元素中产生。blur与focusout也亦是如此

focus与blur事件：不支持冒泡；focusin与focusout支持冒泡

---

change事件：<input>元素，<textarea>和<select>元素的值都是可以发生改变的，开发者可以通过change事件去监听这些改变的动作

input元素：监听value值的变化，当有改变时，失去焦点后触发change事件。对于单选按钮和复选框，当用户用鼠标做出选择时，该事件立即触发。

select元素：对于下拉选择框，当用户用鼠标作出选择时，该事件立即触发

textarea元素：多行文本输入框，当有改变时，失去焦点后触发change事件

---

select事件：当 textarea 或文本类型的 input 元素中的文本被选择时，会发生 select 事件。这个函数会调用执行绑定到select事件的所有函数，包括浏览器的默认行为。可以通过在某个绑定的函数中返回false来防止触发浏览器的默认行为。

select事件只能用于<input>元素与<textarea>元素

方法一：$ele.select();

方法二：$ele.select( handler(eventObject) )

方法三：$ele.select( [eventData ], handler(eventObject) )

---

submit事件：提交表单是一个最常见的业务需求，比如用户注册，一些信息的输入都是需要表单的提交。同样的有时候开发者需要在表单提交的时候过滤一些的数据、做一些必要的操作（例如：验证表单输入的正确性，如果错误就阻止提交，从新输入）此时可以通过submit事件，监听下提交表单的这个动作

方法一：$ele.submit()

方法二：$ele.submit( handler(eventObject) )

方法三：$ele.submit( [eventData ], handler(eventObject) )

下述这些操作下，都可以截获submit事件。

<input type="submit">

<input type="image">

<button type="submit">

当某些表单元素获取焦点时，敲击Enter（回车键）