JQuery——表单事件

简介:

      表单事件.blur()、.focus()、.change()、 .select()和.submit()

1   .blur()和.focus()处理表单焦点

2   .blur()和.focus()区别在于是否支持冒泡处理

3   .focus()在元素本身产生,.focusin()在元素包含的元素中产生

4   .change()监听元素值的改变,要注意触发的先后行为

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

6   select对于下拉选择框,当用户用鼠标做出选择时,该事件立即触发

7   textarea多行文本输入框,当有改变时,失去焦点后触发change事件

8   当textarea或文本类型的input元素中的文本被选择时,会发生select事件

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

10   .select()事件只能用于<textarea>元素和<input>元素

11   $ele.select(handler(eventObject))绑定$ele元素,每次$ele元素触发点击操作会执行回调 handler函数,可以针对事件的反馈做很多操作

12   $ele.select([eventData],handler(eventObject))绑定$ele元素,每次$ele元素触发点击操作会执行回调 handler函数,可以接受一个数据参数,为了解决不同作用域下数据传递的问题

13   .submit()监听用户提交表单时的动作

14   $ele.submit()绑定$ele元素,不带任何参数一般是用来指定触发一个事件

15   $ele.submit(handler(eventObject))绑定$ele元素,每次$ele元素触发点击操作会执行回调 handler函数,可以针对事件的反馈做很多操作

16   $ele.submit([eventData],handler(eventObject))绑定$ele元素,每次$ele元素触发点击操作会执行回调 handler函数,可以接受一个数据参数,为了解决不同作用域下数据传递的问题

17   通过在<form>元素上绑定submit事件,开发者可以监听到用户的提交表单的行为

18   触发submit事件的行为

<input type="submit">

<input type="image">

<button type="submit">

当某些表单元素获取焦点时,敲击Enter(回车键)

19   form元素是有默认提交表单的行为,如果通过submit处理的话,需要禁止浏览器的默认行为

20   传统的方式是调用事件对象e.preventDefault()来处理,JQuery中可以直接在函数中最后结尾return false即可



本文转自 拉考的考拉 51CTO博客,原文链接:http://blog.51cto.com/lakaodekaola/2058284

相关文章
N..
|
25天前
|
JavaScript 前端开发
jQuery事件处理
jQuery事件处理
N..
11 1
|
30天前
|
JavaScript
jquery动画与事件案例
jquery动画与事件案例
12 0
|
1月前
|
JavaScript 前端开发 索引
JQuery样式操作、click事件以及索引值-选项卡应用示例
JQuery样式操作、click事件以及索引值-选项卡应用示例
20 1
|
6月前
|
JavaScript 前端开发
前端基础 - JQuery事件切换(原来还有这种写法)
前端基础 - JQuery事件切换(原来还有这种写法)
29 0
|
6月前
|
JavaScript 前端开发 索引
Javascript知识【jQuery:数组遍历和事件】
Javascript知识【jQuery:数组遍历和事件】
|
25天前
|
安全 JavaScript 数据安全/隐私保护
jQuery会员中心安全修改表单特效
jQuery实现的会员中心安全修改表单特效代码是一款实现了可以修改登录密码,交易密码,手机号码,实名认证,电子邮箱,安全设置表单,会员表单等设置效果的代码
14 4
jQuery会员中心安全修改表单特效
|
29天前
|
JavaScript 前端开发
jQuery中的事件与动画
jQuery中的事件与动画
10 0
|
30天前
|
JavaScript
jQuery动画与事件概念以及语法
jQuery动画与事件概念以及语法
8 0
|
6月前
|
JavaScript 前端开发
前端基础 -JQuery之 表单选择器
前端基础 -JQuery之 表单选择器
26 0
|
2月前
|
JavaScript 前端开发 数据格式
2022年11月23日——jQuery——T1(基础选择器与表单选择器)
2022年11月23日——jQuery——T1(基础选择器与表单选择器)
44 0