事件的初识
事件:触发-响应机制
Event接口表示在DOM中发生的任何事件,一些是用户生成的(例如鼠标或键盘事件),其他由API生成。
事件三要素
事件源:触发事件的元素
事件类型:事件的触发方式(例如鼠标点击(onclick)或者键盘点击或者浏览器事件)
事件处理程序:事件触发后要执行的代码(函数形式)
事件公式:事件源.事件类型=事件处理程序
事件的基本使用
var box = document.getElementById("box")
box.onclick=function(){
console.log('代码会在box被点击后执行')
}
事件的书写方式
1、行内书写法
2、内部书写法
3、外部书写法
事件函数是异步操作
事件函数的this指向事件源
onload()浏览器加载完成事件