1、事件介绍
事件是可以被 JavaScript 侦测到的行为。 网页中的每个元素都可以产生某些可以触发JavaScript函数的事件。
·常用事件
onblur | 元素失去焦点,在对象失去焦点时发生 |
onchange | 域的内容被改变时发生 |
onclick | 当用户点击某个对象时调用的事件句柄 |
ondblclick | 当用户双击某个对象时调用的事件句柄 |
onload | 一张页面或一幅图像完成加载。 |
onfocus | 元素获得焦点时发生 |
onsubmit | 确认按钮被点击时发生 |
onreset | 重置按钮被点击,事件会在表单中的重置按钮被点击时发生 |
·鼠标事件
onmousedown | 鼠标按钮被按下 |
onmouseup | 鼠标按键被松开 |
onmousemove | 鼠标被移动 |
onmouseover | 鼠标移到某元素之上 |
onmouseout | 鼠标从某元素移开 |
onmouseenter | 鼠标移入 |
onmouseleave | 鼠标移出 |
·键盘事件
onkeydown | 某个键盘按键被按下 |
onkeyup | 某个键盘按键被松开 |
onkeypress | 某个键盘按键被按下并松开 |
2、事件操作
绑定事件
方式一:
通过标签中的事件属性进行绑定。
<button id="btn" onclick="#"></button>
方式二:
通过 DOM 元素属性绑定。
document.getElementById("btn").onclick = 代码段