素时触发执行的事件函数
7、jQuery鼠标事件之focusin与focusout事件
focusin 方法用于监听用户元素聚焦操作(如input元素),只有元素聚焦后才生效。focusout 方法用于监听用户元素失焦操作(如input元素),只有元素失焦后才生效。两者是很相似的,所以这只介绍focusin事件
方法一:$ele.focusin ()
focusin 无参,只是绑定一个事件,在函数里可以实现其他的绑定事件
方法二:$ele.focusin (handler(eventObject))
focusin 的参数是函数(回调函数),鼠标移入后会执行函数里的操作,如果里面含有this,this指向触发事件元素的对象
方法三:$ele.focusin ([eventData], handler(eventObject))
focusin 增加了一个参数,和上面的功能是一样的,只不过传递了一个数据,即eventObject.data = eventData
//不同函数传递数据
function fn(e) {
$(this).val(e.data) //给input元素赋值有val()方法,不是value()
}
function a() {
$("input:last").focusin('呱唧_T_呱唧', fn)
}
a();
注:focusin 强调元素聚焦;focusout强调元素失焦,无论是不是自身调用聚焦/失焦方法,都会执行函数里面有部分操作,
8、jQuery表单事件之focus与blur事件
focus 方法用于监听用户元素聚焦操作(如input元素),只有元素聚焦后才生效。blur 方法用于监听用户元素失焦操作(如input元素),只有元素失焦后才生效。两者是很相似的,所以这只介绍focus事件
方法一:$ele.focus ()
focusin 无参,只是绑定一个事件,在函数里可以实现其他的绑定事件
方法二:$ele.focus (handler(eventObject))
focusin 的参数是函数(回调函数),鼠标移入后会执行函数里的操作,如果里面含有this,this指向触发事件元素的对象
方法三:$ele.focus ([eventData], handler(eventObject))
focus 增加了一个参数,和上面的功能是一样的,只不过传递了一个数据,即eventObject.data = eventData
注:focus 强调元素聚焦;blur强调元素失焦,只有自身调用聚焦/失焦方法,并且聚焦成功,才会执行函数里面有部分操作,
9、jQuery表单事件之change事件
只有当表单元素(input元素、textarea元素、select元素)值发生改变之后
并且失焦(针对输入文本的元素,其他立即触发),会触发表单绑定的change事件
方法:$ele.change(handler(eventObject))
change的参数是函数(回调函数),表单元素值发生改变再失焦,就会执行函数里的操作,如果里面含有this,this指向触发事件元素的对象
10、jQuery表单事件之select事件
select事件只能用于<input>元素与<textarea>元素。当这两元素的文本被选中时会触发select事件
方法一:$ele.select ()
focusin 无参,只是绑定一个事件,在函数里可以实现其他的绑定事件
方法二:$ele.select (handler(eventObject))
select 的参数是函数(回调函数),文本被选中后会执行函数里的操作,如果里面含有this,this指向触发事件元素的对象
方法三:$ele.select ([eventData], handler(eventObject))
select 增加了一个参数,和上面的功能是一样的,只不过传递了一个数据,即eventObject.data = eventData
11、jQuery表单事件之submit事件
submit事件可以过滤一些数据做一些必要的操作阻止一些浏览器的默认行为。
有四种方式能触发submit事件:
<input type="submit">、
<input type="image">、
<button type="submit">、
当某些表单元素获取焦点时,敲击enter键
方法一:$ele.submit()
submit 无参,只是绑定一个事件,在函数里可以实现其他的绑定事件
方法二:$ele.submit (handler(eventObject))
submit 的参数是函数(回调函数),文本被选中后会执行函数里的操作,如果里面含有this,this指向触发事件元素的对象
//回车键或者点击提交表单,禁止浏览器默认跳转:
$('#target2').submit(function() {
alert('捕获提交表达动作,阻止页面跳转')
return false; //阻止浏览器的默认跳转行为
});
方法三:$ele.submit ([eventData], handler(eventObject))
submit 增加了一个参数,和上面的功能是一样的,只不过传递了一个数据,即eventObject.data = eventData
注:如果要阻止浏览器的某些默认行为,可以传统的调用事件对象e.preventDefault()来处理;也可以在函数上返回false