[想试试看JavaScript ] 各种事件处理 (二)

事件种类

事件处理是由各个浏览器提供的功能,然後我们再去呼叫出来使用,所以随着浏览器版本的更新,一些事件就会不推荐或者放弃使用。另外,浏览器可能也会推出新的事件处理的种被。
这篇介绍比较常用的事件,一些不常用或者已经 MDN 不推荐的事件,就不列出来了。

介面相关事件

  • load
    载入完成後後触发
  • beforunload
    beforonload 会在离开页面或者重新整理时触发,并且跳出对话框询问使用者是否要离开现在的页面
  • error
    error 会在 document 或者图片载入错误时触发
  • resize
    当 window(浏览器)或元素的尺寸变更时触发
  • scroll
    卷轴被拉动时触发

表单相关事件

  • input 事件
    inputtextarea 以及带有 contenteditable 的元素被改变就会触发。

  • change 事件
    inputselecttextarearadiocheckbox等表单元素被改变时触发。

  • submit 事件
    当表单播送出时触发,通常表单验证都在 submit 事件处理

  • focus 事件
    元素被聚焦时触发

  • blur 事件
    元素失去焦点时触发

change 事件与 input 事件不同的是,input会在输入内容在输入框的当下就会触发。
change 事件则在目前焦点离输入框後才触发。


<<:  Day 5 - 阵列与物件的进化 - Set & Map

>>:  Day 18-制作购物车系统之产品架构与描述

[从0到1] C#小乳牛 练成基础程序逻辑 Day 21 - Array 常数const

拉钩上吊 一百年不许变 | 中括号[] | const下好离手 ...

day8 : logging集中(中)

昨天成功地取得了vector agent搜集的metric和logger,在使用上因为metric算...

第01天 - 写网页的工具准备

1.首先我们需要下载一个编辑器来写程序。 https://www.sublimetext.com/ ...

Day 30 Quantum Protocols and Quantum Algorithms

Solving Linear Systems of Equations using HHL HHL ...

[ 卡卡 DAY 16 ] - React Native Animated 入门 + useNativeDriver 好棒棒

React Native 提供了 Animated 及 LayoutAnimation API 给...