JavaScript中如何区分静态与动态事件注册方法？

本文共计1146个文字，预计阅读时间需要5分钟。

JavaScript中的事件是什么？事件是电脑输入设备与页面进行交互的响应。例如，鼠标单击button、选择checkbox和radio等元素；鼠标输入、悬停或退出页面等。

js中的事件

什么是事件？事件是电脑输入设备与页面进行交互的响应，我们称之为事件

事件类型

• 鼠标单击：例如单击button、选中checkbox和radio等元素；鼠标进入、悬浮或退出页面的某个热点：例如鼠标停在一个图片上方或者进入table的范围；
• 键盘按键：当按下按键或释放按键时；
• HTML事件：例如页面body被加载时；在表单中选取输入框或改变输入框中文本的内容：例如选中或修改了文本框中的内容；
• 突变事件：主要指文档底层元素发生改变时触发的事件，如DomSubtreeModified(DOM子树修改)。

常用的事件

• onload 加载完成事件： 页面加载完成之后，常用于做页面js 代码初始化操作
• onclick 单击事件： 常用于按钮的点击响应操作。
• onblur 失去焦点事件： 常用用于输入框失去焦点后验证其输入内容是否合法。
• onchange 内容发生改变事件： 常用于下拉列表和输入框内容发生改变后操作
• onsubmit 表单提交事件： 常用于表单提交前，验证所有表单项是否合法。
  

事件的注册

什么是事件的注册（绑定）？
其实就是告诉浏览器，当事件响应后要执行哪些操作代码，叫事件注册或事件绑定。