JavaScript你必须要知道的事件和视窗单位

事件

个人认为JavaScript事件就是用来表现js行为的,下面说说js常用的事件

onclick 点击事件,顾名思义点击触发事件

onmouseover 鼠标移入事件,鼠标移入触发

onmouseout 鼠标移出事件,鼠标移出触发

onmousemove 鼠标移动事件,鼠标移动触发

onload 预加载,等所有都加载完成后,执行

onfocus 当元素被聚焦的时候触发

onblur 当元素失去焦点时触发

onpropertychange 文本内容实时改变触发 IE独有

oninput 文本内容实时改变触发 非标准,但支持效果较理想

onchange 文本内容发生改变,且失去焦点时触

视窗单位

浏览器窗口

innerWidth        浏览器窗口的宽

innerHeight        浏览器窗口的高

元素

offsetWidth        元素实际的宽度(包含边线)

offsetHeight    元素实际的高度(包含边线)

clientWidth        =width+padding    元素宽度(不包含边线)    
clientHeight    =height+padding    元素高度(不包含边线)

offsetParent    返回距离元素最近设置position,非static样式的元素节点,没有返回body的节点

offsetLeft    返回元素与offsetParent的横向距离

offsetTop    返回元素与offsetParent的竖直距离

scrollLeft        元素的横向滚动条移动的距离 可以读取 可以设置

scrollTop        元素的竖直滚动条移动的距离 可以读取 可以设置

scrollWidth         对象的实际内容的宽度,不包边线宽度

scrollHeight    对象的实际内容的高度,不包边线宽度

鼠标

clientx  鼠标距离窗口的宽   标准
clienty  鼠标距离窗口的高

offsetx  鼠标相对距离当前元素的宽  ie chrome支持
offsety  鼠标相对距离当前元素的高

都是平时用得到的,整理了一下,希望对你有所帮助。

很惭愧<br><br>只做了一点微小的工作<br>谢谢大家