Day 18事件类型-基本类型

UI事件

UI事件不一定是与用户操作有关的事件。

load：当页面完全加载后在window上触发，图片也可以出发load事件。

resize：当窗口变化时在window上触发。（除火狐外其他浏览器会在窗口变化1像素时就触发事件，而火狐是在用户停止调整窗口大小时才触发。不建议在此事件中加入大计算量代码，因为可能频繁执行，导致浏览器速度变慢。另外窗口最大最小化也会触发事件）

scroll：当用户滚动带滚动条中的元素中的内容时，在该元素上面触发。

鼠标事件

事件类型：

                        onclick(单击)

                        ondblclick(双击)

                        oncontextmenu(右键菜单)

                        onmouseover(移入)

                        onmouseout(移出)

                        onmouseenter(移入)

                        onmouseleave（移出）

                        onmousedown(按下)

                        onmouseup(抬起)

                        onmousemove(移动)

坐标位置：

screenX在屏幕中的x坐标

screenY在屏幕中Y的坐标

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

                    clientY在视口中的垂直坐标

                    IE没有以下两个属性：pageX在页面中的x坐标（包含滚动距离）；pageY在页面中的Y坐标。

获取点击目标的坐标：offsetX，offsetY

键盘事件

keydown当用户按下键盘上任意键时触发，按住不动将重复触发；

keyup当用户释放键盘上的键时触发；    event.keyCode键码

keypress当用户按下键盘上的字符键时触发，按住不动将重复触发。  event.charCode键码

表单事件

focus元素获得焦点时触发。

blur元素失去焦点时触发。

submit()提交表单。

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

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

阻止冒泡

fn stoppropagation()非IE

pro cancelBubble = true  IE

阻止默认

fn precentDefault() 非IE

pro returnValue = true IE