一，今日学习内容
clientTop系列
clientWidth：可视区域的宽(没有边框)，边框内部的宽度
clientHeight：可视区域的高(没有边框)，边框内部的高度
clientLeft：左边框的宽度
clientTop：上边框的宽度
scrool系列
scroll系列属性 作用
Element.scrollTop 返回被卷去的上侧距离，返回数值不带单位
Element.scrollLeft 返回被卷去的左侧距离，返回数值不带单位
Element.scrollWidth 返回自身实际的宽度，不含边框，返回数值不带单位
Element.scrollHeight 返回自身实际的高度，不含边框，返回数值不带单位
scroll翻译过来就是滚动的，我们使用scroll系列的相关属性可以动态的得到该元素的大小，滚动距离等。
所谓被卷去的距离就是 在拖动滚动条的过程中，被可视区域上边界分割后的看不见的内容的距离。
scroll事件 就是滚动条发生滚动的事件
常见的几种鼠标事件有以下几种
click：当用户单击鼠标按下回车键时触发。
mousedown：当用户按下了鼠标还未弹起时触发。
mouseup：当用户释放鼠标按钮时触发。
dblclick：当用户双击鼠标按钮时触发。
contextmenu ：弹出右键菜单。
mouseover：鼠标移到目标的上方。
mouseout：当鼠标移出某个元素上移动时触发。
mousemove：当鼠标指针在元素上移动时触发。
键盘事件
keydown：当用户按下键盘上任意键触发，如何按住不放，会重复触发。
keyup：当用户按下鼠标还未弹起时触发。
键盘事件只能在document上使用
document.οnkeydοwn=function(){ }
|
