菁英数字科技（猩码）-猩码学苑-专注软件开发人才菁英教育

标题: 前端-辛洋-20230522 [打印本页]

作者: 肤浅1543 时间: 2023-5-24 17:44
标题: 前端-辛洋-20230522

一，今日学习内容
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(){ }

欢迎光临菁英数字科技（猩码）-猩码学苑-专注软件开发人才菁英教育 (http://www.xingmaxueyuan.com/)