事件

onclick

当用户点击某个对象时调用的事件句柄。

 

ondblclick

当用户双击某个对象时调用的事件句柄。

 

oninput

判断用户输入

 

onload 和 onunload 事件

onload 和 onunload 事件会在用户进入或离开页面时被触发。

onload 事件可用于检测访问者的浏览器类型和浏览器版本，并基于这些信息来加载网页的正确版本。

onload 和 onunload 事件可用于处理 cookie。

onload一张页面或一幅图像完成加载。

 

onmouseover 和 onmouseout 事件

onmouseover 和 onmouseout 事件可用于在用户的鼠标移至 HTML 元素上方或移出元素时触发函数。

 

onmousedown、onmouseup 以及 onclick 事件

onmousedown, onmouseup 以及 onclick 构成了鼠标点击事件的所有部分。首先当点击鼠标按钮时，会触发 onmousedown 事件，当释放鼠标按钮时，会触发 onmouseup 事件，最后，当完成鼠标点击时，会触发 onclick 事件。

 

onmousemove

鼠标被移动。

 

onfocus

输入字段获得焦点

 

onblur

输入字段失去焦点

 

onabort

图像的加载被中断。

 

onselect

文本被选中。

 

onsubmit

确认按钮被点击。

 

onreset

重置按钮被点击。

 

onresize

窗口或框架被重新调整大小。

 

onkeydown

某个键盘按键被按下。

 

onkeyup

某个键盘按键被松开。

 

onkeypress

某个键盘按键被按下并松开。

 

onerror

在加载文档或图像时发生错误。

 

onabort

图像的加载被中断。

 

onchange 事件

onchange 事件常结合对输入字段的验证来使用。

 

 

事件常见属性

 

属性	作用
data	返回拖拽对象的URL字符串（dragDrop）
width	该窗口或框架的高度
height	该窗口或框架的高度
pageX	光标相对于该网页的水平位置（ie无）
pageY	光标相对于该网页的垂直位置（ie无）
screenX	光标相对于该屏幕的水平位置
screenY	光标相对于该屏幕的垂直位置
target	该事件被传送到的对象
type	事件的类型
clientX	光标相对于该网页的水平位置 （当前可见区域）
clientY	光标相对于该网页的垂直位置

 

PageX PageY　　整个页面文档的坐标　　IE678不认识

clientX和clientY　　窗口可视区域的坐标　　IE678不支持

　　兼容写法：

document.onclick = function(event){
                var event = event || window.event;
                console.log(event.clientX);
                console.log(event.clientY);
            }