常用的DOM事件和属性

常用的DOM事件和属性
序号 属性 描述 类型
1 onclick 鼠标点击对象时触发 鼠标事件
2 oncontextmenu 鼠标点击右键时触发
3 ondblclick 鼠标双击某个对象时触发
4 onmousedown 鼠标按钮被按下
5 onmouseenter 鼠标指针移动到元素上时触发
6 onmouseleave 鼠标指针移出元素时触发
7 onmousemove 鼠标移动时触发
8 onmouseover 鼠标移到某元素之上时触发
9 onmouseout 鼠标从某元素移开时触发
10 onmouseup 鼠标按键被松开时触发
11 onmousewheel 鼠标滑轮滚动时触发

序号 属性 描述 类型
1 onfocus 元素获取焦点时触发 表单事件
2 onblur 元素失去焦点时触发
3 onchange 表单元素的内容改变时触发
4 oninput 元素获取用户输入时触发
5 onreset 表单重置时触发
6 onselect 用户选取文本时触发
7 onsubmit 提交表单时触发

序号 属性 描述 类型
1 onkeydown 按下键盘时触发 键盘事件
2 onkeyup 按下键盘后松开时触发
3 onkeypress 按下并抬起时触发

序号 属性 描述 类型
1 onload 网页内容加载/运行完毕之后调用/执行函数里面的内容 页面事件
2 onresize 当浏览器的窗口大小被改变时触发的事件
3 onscroll 页面滚动时触发

序号 属性 描述 类型
1 event.clientX 鼠标指针相对于浏览器页面（或客户区）的X轴坐标 事件位置
属性
2 event.clientY 鼠标指针相对于浏览器页面（或客户区）的Y轴坐标
3 event.screenX 鼠标指针距离屏幕左边的距离
4 event.screenY 鼠标指针距离屏幕上边的距离
5 event.offsetX 当鼠标事件发生时，鼠标相对于事件发生元素左边的位置
6 event.offsetY 当鼠标事件发生时，鼠标相对于事件发生元素顶部的位置
7 event.pageX 当鼠标事件发生时.相对于文档窗口左边的位置
8 event.pageY 当鼠标事件发生时.相对于文档窗口顶部的位置