1、事件概述
2、事件三要素
点击个按钮,弹出对话框
(1) 事件源 事件被触发的对象 谁 按钮
var btn = document. getElementById( 'btn' );
(2) 事件类型 如何触发什么事件比如鼠标点击(onclick) 还是鼠标经过还是键盘按下
(3) 事件处理程序通过一 个 函数赋值的方式完成
btn.onclick = function() {
alert('点秋香');
}
这就是事件处理程序
3、执行事件的步骤
获取事件源
注册事件(绑定事件}
添加事件处理程序(采取函数赋值形式)
<script>
//执行事件步骤
//点击div控制台输出我被选中了
// 1.获取事件源
var div = document.querySelector('div );
// 2.绑定事件注册事件
// div. onclick
// 3.添加事件处理程序
div.onclick = function() {
console.log('我被选中了');
}
</script>