jQuery 表单事件

一  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处理。



  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值