JavaScript（十四）第十五周

一、事件基础

1.事件概述

JavaScript 使我们有能力创建动态页面，而事件是可以被 JavaScript 侦测到的行为。

简单理解： 触发--- 响应机制。

网页中的每个元素都可以产生某些可以触发 JavaScript 的事件，例如，我们可以在用户点击某按钮时产生一个 事件，然后去执行某些操作。

2.事件三要素

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

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

var btn = document.getElementById('btn');
btn.onclick = function() {
 alert('你好吗'); 
};

3.执行事件的步骤

• 获取事件源
• 注册事件（绑定事件）
• 添加事件处理程序（采取函数赋值形式）

常见的鼠标事件

鼠标事件	触发条件
onclick	鼠标点击左键触发
onmouseover	鼠标经过触发
onmouseout	鼠标离开触发
onfocus	获取鼠标焦点触发
onblur	失去鼠标焦点触发
onmousemove	鼠标移动触发
onmouseup	鼠标弹起触发
onmousedown	鼠标按下触发

 4.分析事件三要素

下拉菜单三要素

关闭广告三要素

二、操作元素

1.改变元素内容

element.innerText

从起始位置到终止位置的内容, 但它去除 html 标签， 同时空格和换行也会去掉

element.innerHTML

 起始位置到终止位置的全部内容，包括 html 标签，同时保留空格和换行

 2.常用元素的属性操作