WebApi 中一些属性及作用

1. 常见的鼠标事件

鼠标事件	触发条件
onclick	鼠标点击时触发
onmouseover	鼠标经过触发
onmouseout	鼠标离开触发
onfocus	获得鼠标焦点触发
onblur	失去鼠标焦点触发
onmousemove	鼠标移动触发
onmouseup	鼠标弹起触发
onmousedown	鼠标按下触发

2. 事件对象的属性和方法

事件对象属性方法	说明
target	返回触发事件的对象    标准
srcElement	返回触发事件的对象    非标准  ie6-8使用
type	返回事件的类型    比如 click mouseover
cancelBubble	该属性阻止冒泡  非标准  ie6-8使用
returnValue	该属性阻止默认事件（默认行为） 非标准  ie6-8使用
preventDefault	该属性阻止默认事件（默认行为） 标准
stopPropagation	阻止冒泡   标准

3. 鼠标事件对象

鼠标事件对象	说明
clientX/(Y)	返回鼠标相对于浏览器窗口可视区的 X（Y） 坐标
pageX/(Y)	返回鼠标相对于文档页面的 X（Y） 坐标    IE9+ 支持
screenX/(Y)	返回鼠标相对于电脑屏幕的 X（Y） 坐标

4. offset 系列常用属性

offset 系列属性	作用
offsetParent	返回最近的外层定位元素或body
offsetTop	返回元素相对带有定位父元素上方的偏移
offsetLeft	返回元素相对带有定位父元素左边框的偏移
offsetWidth	返回自身宽度(包含padding，content，border)，返回值不含单位
offsetHeight	返回自身高度(包含padding，content，border)，返回值不含单位

5. client 系列常用属性

client 系列属性	作用
clientTop	返回元素上边框的大小
clientLeft	返回元素左边框的大小
clientWidth	返回自身宽度(包含padding，content)，返回值不含单位
clientHeight	返回自身高度(包含padding，content)，返回值不含单位

6. scroll 系列常用属性

scroll 系列属性	作用
scrollWidth	元素内容区域加内边距和任何溢出内容的尺寸
scrollHeight	元素内容区域加内边距和任何溢出内容的尺寸
scrollLeft	被滚动条卷入左侧的宽度，可读写
scrollTop	被滚动条卷入上方的宽度，可读写