05.事件

五、事件

5.1 什么是事件

事件是可以被JavaScript侦测到的行为。网页中的每个元素都可以产生某些可以触发JavaScript函数的事件

5.1.1 事件绑定方式

格式：节点.on+事件名 = 事件处理函数;

div.onclick = function(){}

5.1.2 事件分类

• 鼠标事件

• onclick 当用户点击某个对象时调用的事件。
• ondblclick 当用户双击某个对象时调用的事件。
• onmousedown 鼠标按钮被按下。
• onmouseup 鼠标按键被松开。
• onmouseover 鼠标移到某元素之上。
• onmouseout 鼠标从某元素移开。
• onmousemove 鼠标被移动时触发。
• onmouseenter 在鼠标光标从元素外部移动到元素范围之内时触发。这个事件不冒泡
• onmouseleave 在位于元素上方的鼠标光标移动到元素范围之外时触发。这个事件不冒泡，
• oncontextmenu 鼠标右键菜单展开时触发。

PS：click = mousedown + mouseup, dblclick = click*2(短时间内两次单击);
执行顺序：mouseover=>mouseenter; mouseout => mouseleave

• 键盘事件

• onkeydown 某个键盘按键被按下。
• onkeyup 某个键盘按键被松开。
• onkeypress 键盘<字符键>被按下,而且如果按住不放的话，会重复触发此事件。

• UI事件

• onload 页面元素（包括图片多媒体等）加载完成后
• onscroll 滚动时触发。
• onresize 窗口或框架被重新调整大小。

• 表单事件

• onblur 元素失去焦点时触发。
• onfocus 元素获得焦点时触发。
• onchange 元素内容被改变，且失去焦点时触发。
• oninput 输入字符时触发
• onreset 重置按钮被点击。
• onsubmit 确认按钮被点击。
• onselect 输入框文本被选中。

• 其他事件