事件基础 JavaScript

事件基础

事件描述

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

简单理解：触发—响应机制

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

<button id="btn">唐伯虎</button>
<script>
	// 点击一个按钮，弹出对话框
    // 1. 事件是有三部分组成  事件源  事件类型  事件处理程序   我们也称为事件三要素
    // (1) 事件源 事件被触发的对象   谁  按钮
    var btn = document.getElementById('btn');
    // (2) 事件类型  如何触发 什么事件 比如鼠标点击(onclick) 还是鼠标经过 还是键盘按下
    // (3) 事件处理程序  通过一个函数赋值的方式 完成
    btn.onclick = function() {
        alert('点秋香');
    }
</script>

执行事件的步骤

1. 获取事件源
2. 注册事件 ( 绑定事件 )
3. 添加事件处理程序 ( 采取函数赋值形式 )