JS基础-----事件-----事件类型

本文详细介绍了UI事件的种类及其触发条件,包括与用户操作相关的点击、滚动等事件,以及与页面状态变化相关的加载、卸载事件。同时,文章还涵盖了焦点事件、鼠标事件、键盘事件等多种类型,为开发者提供全面的UI事件知识。

UI事件

ui事件是指不一定与用户操作有关的事件。

      load:页面完全加载后在window上面触发。<object>

     unload:页面完全卸载之后window上面触发。<object>

     abort:用户停止下载过程时,如果嵌入的内容没有加载完,<object>

     error:当JS错误时,在window上面触发

   select:选择事件

    scroll:滚动条事件

    resize:框架或窗口发生变化时事件


焦点事件

在页面元素获得或失去焦点时触发。

  • blur:失去焦点时触发,不会冒泡,所有浏览器支持
  • focus:获得焦点时触发,不会冒泡,所有浏览器支持
  • focusin:获得焦点时触发,===HTML事件中的focus事件,冒泡

鼠标与滚轮事件

  1. click:单击或回车触发
  2. dblclick:双击鼠标
  3. mousedown:按下了任意鼠标按钮触发,不能通过键盘触发
  4. mouseenter:鼠标从元素外部首次移动到元素范围内触发,不冒泡
  5. mousemove:鼠标在元素内部移动时重复的触发,不能通过键盘触发
  6. mouseup:释放鼠标按钮时触发,不能通过键盘触发
  7. 滚轮事件(mousewheel)
    1.  

文本与键盘事件

   keydown:用户按下键盘上任意键触发,如果按住不放,则重复触发

   keypress:字符键触发,如果按住不放,则重复触发

  keyup:释放键盘上的键触发

 textInput:文本输入文本框之前触发

评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值