1. DOM 事件

  • HTML DOM 事件允许Javascript在HTML文档元素中注册不同事件处理程序。
  • 事件通常与函数结合使用，函数不会在事件发生前被执行！ (如用户点击按钮)。
  • DOM 0级需要在事件属性前加上on

    鼠标事件

    | 属性 | 描述 | DOM | | —- | —- | —- | | click | 当用户点击某个对象时调用的事件句柄。 | 2 | | ctextmenu | 在用户点击鼠标右键打开上下文菜单时触发 | | | dblclick | 当用户双击某个对象时调用的事件句柄。 | 2 | | mousedown | 鼠标按钮被按下。 | 2 | | mouseenter | 当鼠标指针移动到元素上时触发。 | 2 | | mouseleave | 当鼠标指针移出元素时触发 | 2 | | mousemove | 鼠标被移动。 | 2 | | mouseover | 鼠标移到某元素之上。 | 2 | | mouseout | 鼠标从某元素移开。 | 2 | | mouseup | 鼠标按键被松开。 | 2 |

键盘事件

属性 描述 DOM
keydown 某个键盘按键被按下。 2
keypress 某个键盘按键被按下并松开。 2
keyup 某个键盘按键被松开。 2

框架/对象（Frame/Object）事件

属性 描述 DOM
abort 图像的加载被中断。 ( ) 2
beforeunload 该事件在即将离开页面（刷新或关闭）时触发 2
error 在加载文档或图像时发生错误。 ( , 和 )
hashchange 该事件在当前 URL 的锚部分发生修改时触发。
load 一张页面或一幅图像完成加载。 2
pageshow 该事件在用户访问页面时触发
pagehide 该事件在用户离开当前网页跳转到另外一个页面时触发
resize 窗口或框架被重新调整大小。 2
scroll 当文档被滚动时发生的事件。 2
unload 用户退出页面。 ( 和 ) 2

表单事件

属性 描述 DOM
blur 元素失去焦点时触发 2
change 该事件在表单元素的内容改变时触发( , ,