事件

  • ​​事件​​
  • ​​常见的事件​​
  • ​​点击事件​​
  • ​​焦点事件​​
  • ​​加载事件​​
  • ​​鼠标事件​​
  • ​​键盘事件​​
  • ​​选择和改变​​
  • ​​表单事件​​

事件

组件被执行某些操作后，触发某些代码的执行

事件：某些操作。如单击。双击，键盘按下了，鼠标移动了

事件源：组件。如：按钮 文本输入框

监听器：代码

注册监听：将事件，事件源，监听器结合在一起。当事件源上发生了某个事件，则触发执行某个监听器代码


常见的事件

点击事件

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重置按钮被点击