BOM中的事件

1.UI事件：

（1）. load当页面完全加载后在window上触发图片也可以触发load事件

（2）.resize 当窗口大小变化时在window上触发

（3）.scroll当用户滚动带滚动条的元素中的内容时，在该元素上面触发

2.鼠标事件：

  事件类型：

onclick	单击
ondbclick	双击
oncontextmenu	右键菜单
onmouseover	移入
onmouseout	移出
onmouseenter	移入
onmouseleave	移出
onmousedown	按下
onmouseup	抬起
onmouseomve	移动

在这里:

• 建议使用enter和leave
• 因为over与out在进入移出子级标签时会触发；

坐标位置：

  screenX在屏幕中X的坐标；

  screenY在屏幕中Y的坐标；

相对于body:

  clientX表示事件发生时出表指针在视口中的水平坐标（不包含滚动距离）

  clientY在视口中的垂直坐标

3.键盘事件：

 keydown 当用户按下键盘上的任意键时触发，按住不动将重复触发； keyup当用户脂肪键盘上的键时触发，根据键码event.ketyCode键码；

 keypress 当用户按下键盘上的字符时触发，按住不动将重复触发；

4.表单事件：

 focus 元素获得焦点时触发；

 blur 元素失去焦点时触发；

 submit() 提交表单；

 change 当input、textarea元素value值改变且失去焦点时，select元素选项想改变时触发

 input 当input、 textarea元素value改变同步触发事件，select元素选项改变时触发