事件有三部分组成(也称事件三要素):
- 事件源(被触发的对象)
- 事件类型(如何触发,比如鼠标点击,鼠标经过,键盘按下等)
- 事件处理程序(通过函数赋值的方式)
// 点击按钮后弹出一个对话框"hello world"
// 事件源 被触发的对象:btn
var btn = document.getElementById("btn");
// 事件类型 当点击后触发
// 事件处理程序 紧跟一个函数 函数内写入想要的内容
btn.onclick = function(){
alert("hello world");
}
常见的鼠标事件:
鼠标事件 | 触发条件 |
---|---|
onclick | 鼠标点击左键触发 |
onmouseover | 鼠标经过触发 |
onmouseout | 鼠标离开触发 |
onfocus | 获得鼠标焦点触发 |
onblur | 失去鼠标焦点触发 |
onmousemove | 鼠标移动触发 |
onmouseup | 鼠标弹起触发 |
onmousedown | 鼠标按下触发 |