jQuery004:jQuery的事件处理

bind()方法也可以用来给jQuery对象注册事件处理程序

  • 利用bind()方法,可以为多个事件注册同一个事件处理程序
    在这里插入图片描述
  • bind()的最后一个特性是,第一个参数可以是对象,该对象把事件名映射到处理程序函数
    在这里插入图片描述
  • 事件处理
    Click:鼠标点击事件
    Dblclick: 鼠标双击事件
    Mousedown mouseup:鼠标按下和松开事件
    Mouseover, mouseout:鼠标进入和离开事件(会冒泡)
    Mouseenter 和 mouseleave替代鼠标进入和离开事件
  • 键盘事件:
    KeyDown:用户摁下摁键时发生
    KeyPress:用户摁下摁键,并且产生一个字符时发生
    KeyUp: 用户释放某一个摁键时触发
    在这里插入图片描述
    此时它代表一个输入框里面只能输入数字,如果不是数字,就会自动替换成空串,但是我们可以通过鼠标复制粘贴过来其他字符串,就不会触发键盘事件,所以此时它不够严谨。所以我们要防止鼠标复制粘贴进来其他垃圾字符串
    所以我们使用oninput事件来处理,因为jQuery不识别oninput事件,所以我们需要用js来写。
    在这里插入图片描述
  • Keydown键盘按下事件
    在这里插入图片描述
    此时按下键盘在标题栏显示距离1970的毫秒数
  • 焦点事件:onfocus onblur
    在这里插入图片描述
  • select 事件
    在这里插入图片描述
    选中触发事件,就是把输入框中的数据选中就会触发
  • 提示框:
    在这里插入图片描述
    这里你点输入框的时候,就会有提示,可以输提示内容,也可以输其他的
    在这里插入图片描述
  • Scroll: 滚动事件
    在这里插入图片描述
    随着滚动,字的大小变化
  • Resize事件:重置大小事件
    只有浏览器的宽度发生改变时,才会触发resize函数
    在这里插入图片描述
    就是按这就可以触发
    在这里插入图片描述
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值