概念
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)