浅谈UI事件

概念

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

一，事件类型

鼠标事件：mouseover,mouseout,mousemove,mouseup,click,dbclick

键盘事件：keydown，keyup ,keypress键盘输入(每输入一个字符调用一次事件)

window事件：load页面内容加载后，unload页面卸载（关闭页面或刷新实测ie有效）, scrollscroll滚动条滚动, resize页面方法缩小(/实测窗口改变大小时，该事件有效，textarea文本域改变大小时事件无效)

二，事件对象的属性

鼠标事件的属性：

     clientX: 鼠标在可视区中X坐标

     clientY: 鼠标在可视区中Y坐标

     screenX: 鼠标在屏幕中X坐标（屏幕包括浏览器地址栏菜单栏等）

     screenY: 鼠标在屏幕中Y坐标

键盘事件的属性：

     key: 按下的键

     keyCode: 键对应是数值

window事件的属性：

    scrollTop:滚动条滚过的距离

    scrollHeight:元素的内容的高度

    offsetHeight:元素实际的高度（height+border+padding）

    clientHeight:元素实际的可视高度（height+padding）

     style.height 元素height值+px（height)