事件
组件被执行某些操作后,触发某些代码的执行
事件:某些操作。如单击。双击,键盘按下了,鼠标移动了
事件源:组件。如:按钮 文本输入框
监听器:代码
注册监听:将事件,事件源,监听器结合在一起。当事件源上发生了某个事件,则触发执行某个监听器代码
常见的事件
点击事件
onclick :单击事件
ondblclick:双击事件
焦点事件
onblur 失去焦点
一般用于表单验证
<body>
<input id="username">
<script>
/*
失去焦点
*/
document.getElementById("username").onblur = function (){
alert("失去焦点");
}
</script>
</body>
加载事件
onload :一张页面或一幅图像完成加载。
鼠标事件
onmousedown鼠标按钮被按下。
onmouseup 鼠标按键被松开。
onmousemove 鼠标被移动。
onmouseover 鼠标移到某元素之上。
onmouseout 鼠标从某元素移开。
document.getElementById("username").onmousedown = function (event){
alert(event.button);
}
键盘事件
onkeydown某个键盘按键被按下
onkeyup某个键盘按键被松开
onkeypress某个键盘按键被按下并松开
选择和改变
onchange域的内容被改变
onselect文本被选中
表单事件
onsubmit确认按钮被点击
onreset重置按钮被点击