JavaScript 鼠标事件、键盘事件、表单事件、window事件

鼠标事件

• click：单击
• dblclick：双击
• mouseover：移入（子节点会触发）
• mouseout：移出（子节点会触发）
• mousemove：移动（会不停的触发）
• mouseenter：移入（子节点不会触发）IE8+
• mouseleave：移出（子节点不会触发）IE8+
• mousedown：按下（左右键）
• mouseup：抬起（左右键）
• contextmenu：右键单击（上下文环境菜单）
• onmousewheel：chrome ie 滚轮滚动
  • e.wheelDalta：向下 -120 向上 120
• DOMMouseScroll：firefox 只能事件绑定 滚轮滚动
  • e.detail：向下 3 向上 -3

键盘事件

• keydown：键盘按下（按下不动会一直触发）
• keyup：键盘抬起
• keypress：键盘按下（只支持字符键）

window事件

• load：当页面加载完成以后会触发
• unload：当页面解构的时候触发（刷新页面，关闭当前页面）IE浏览器兼容
• scroll：页面滚动 不停的触发
• resize：窗口大小发生变化 不停的触发
• visibilitychange：标签显示或隐藏时触发
• blur：获取焦点时触发
• focus：失去焦点时触发

表单事件

• input：value 值发生改变
• blur：失去焦点
• focus：获取焦点
• select：输入框中文本被选中触发
• change：当输入框被修改且失去焦点 必须添加到form表单元素上
• submit：点击 submit 按钮才触发
• reset：点击 reset 按钮才触发