JavaScript DOM事件基础

我是表哥Harker，表妹我来咯~

学完DOM的几种获取元素的方式，我想表妹们应该更有自信了，会有一种莫名其妙的兴奋，还不错哟！那DOM主要是互动，获取元素是基本，接下来介绍事件，有事件才好互动，你点了鼠标，你按了按键要干什么，事件就是用来处理互动过程中你想要干的事情。

 

1、事件基础 

• JavaScript 使我们有能力创建动态页面，而事件是可以被 JavaScript 侦测到的行为
• 简单理解： 触发--- 响应机制
• 网页中的每个元素都可以产生某些可以触发 JavaScript 的事件，例如，我们可以在用户点击某按钮时产生一个 事件，然后去执行某些操作 

 

2、事件三要素 

• 1. 事件源 （谁） 
• 2. 事件类型 （什么事件） 
• 3. 事件处理程序 （做啥） 

 

案例：点击按钮弹出警示框 

• 页面中有一个按钮，按钮名为唐伯虎，当鼠标点击按钮的时候，弹出“点秋香”警示框

案例分析 

• ① 获取事件源（按钮） 
• ② 注册事件（绑定事件），使用 onclick 
• ③ 编写事件处理程序，写一个函数弹出 alert 警示框 

<!DOCTYPE