JS事件三要素:
-
事件源:要触发得对象
例如:当按钮被点击,弹出一个对话框,按钮就是事件源 -
事件类型:事件触发得方式
例如:鼠标点击,得到焦点,失去焦点 -
事件处理程序:事件触发后,执行得程序
例如:当按下开机键,电脑开机
通过代码块了解事件三要素:
事件源.事件类型 = funcation () {
事件处理程序
}
<body>
<button> 我被点击弹出对话框</button>
<script>
var btn=document.getElementsByTagName('button');
btn.onclick = funcation () {
alert('我被点击了');
}
</script>
</body>
执行事件得过程
- 获取事件源
- 注册事件行为
- 添加事件处理程序
常见事件总结:
事件名称 | 说明 |
---|---|
onclick | 鼠标左键点击 |
onmouseover | 鼠标经过触发 |
Onfocus | 获取焦点 |
onblur | 失去焦点 |
onmouseover | 鼠标经过 |
onmouseout | 鼠标离开 |
contextmenu | 禁用右击事件 |
selectstart | 禁止鼠标选中 |
mousemove | 鼠标移动事件 |