一 blur和focus事件
blur与focus事件和focusin与focusout事件的本质区别:是否支持冒泡处理。
focus()在元素本身产生,focusin()在元素包含的元素中产生,blur与focusout也是如此。
$(".aaron").focus(function() {
$(this).css('border', '5px solid red')
})
$(".aaron1").focusin(function() {
$(this).find('input').val('冒泡捕获了focusin事件')
})
二 change事件
通过change事件去监听input/textarea/select元素值得改变。
input:监听value值改变,若改变时,失去焦点触发change事件,对于单选按钮和复选框,用户做出
选择时候,change事件立即触发。
select:鼠标做出选择时,该事件立即触发。
textarea :多行文本输入框,当有改变时,失去焦点后触发change事件。
三 select事件
select事件只能用于input/textarea元素,使用方法同上篇文章的鼠标事件方法。
方法一:select()
方法二:$ele.select(handler),使用回调函数;
方法三:$ele.select(eventData,handler),可以用作数据传参。
四 submit事件
通过submit事件监听提交表单,使用方法同select事件。
能触发submit事件的行为:
<input type="submit">
<input type="image">
<button type="submit">
当某些表单元素获取焦点时,敲击Enter(回车键)
特别注意的是:
form元素是有默认提交表单的行为,如果通过submit处理的话小禁止浏览器的提交行为,通常是调用事件对象
e.preventDefault()来处理,在jQuery中则可以直接在函数中最后结尾处添加return false处理。