JS中常用的事件类型/操作行为:
-
click
-
mouseover(mouseenter)当鼠标指针位于元素上方时,会发生 mouseover 事件
-
mouseout(mouseleave)当鼠标指针从元素上移开时,发生 mouseout 事件。
-
mousemove当鼠标指针在指定的元素中移动时,就会发生 mousemove 事件。
-
mousedown当鼠标指针移动到元素上方,并按下鼠标左键时,会发生 mousedown 事件。
-
mouseup当鼠标指针移动到元素上方,并松开鼠标左键时,会发生 mouseup 事件。
-
mousewheel当用户通过鼠标滚轮与页面交互、在垂直方向上滚动页面时,就会触发mousewheel事件,这个事件就是实现全屏切换效果需要用到的。
-
scroll(window.onscroll)当用户滚动指定的元素时,会发生 scroll 事件。
-
load(window.onload\img.onload)方法从服务器加载数据,并把返回的数据放置到指定的元素中。
-
当用户离开页面时,会发生 unload 事件。
具体来说,当发生以下情况时,会发出 unload 事件:
点击某个离开页面的链接
在地址栏中键入了新的 URL
使用前进或后退按钮
关闭浏览器
重新加载页面
unload() 方法将事件处理程序绑定到 unload 事件。
unload() 方法只应用于 window 对象。 -
keydown 当按钮被按下时,发生 keydown 事件。
-
keyup当按钮被松开时,发生 keyup 事件。它发生在当前获得焦点的元素上。
-
keypress 事件与 keydown 事件类似。当按钮被按下时,会发生该事件。它发生在当前获得焦点的元素上。不过,与 keydown 事件不同,每插入一个字符,就会发生 keypress 事件。
-
resize事件会在窗口或框架被调整大小时发生。