表单事件.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即可
共同学习,写下你的评论
评论加载中...
作者其他优质文章