一、事件监听:
1.1、有onxxxx和addEventListener(),二者的区别在于事件传播。onxxxx监听冒泡事件,addEventListener()通过参数true监听捕获阶段、参数false监听冒泡阶段
方法 | 功能 |
onclick | 点击时产生的事件 |
ondblclick | 双击时产生的事件 |
onmousedown | 鼠标对某个对象被按下 |
onmouseup | 鼠标对某个对象被抬起 |
onmousemove | 鼠标对某个对象被移动 |
onmouseenter 不冒泡(onmouseover 冒泡) | 鼠标进入 |
onmoseleave (onmouseout) | 鼠标离开 |
onkeydown | 当键盘的键被按下时(e.keyCode表示用户按下的键码) |
onkeyup | 当键盘的键被松开时(e表示用户按下的键码) |
onkeypress | |
onchange | 表单区域被改变内容 |
onfocus | 某元素获取焦点 |
onblur | 失去焦点 |
onsubmit | 表单提交 |
onreset | 表单重置 |
onload | 当页面或图像被加载完成 |
onunload | 退出页面 |
属性 | 描述 |
clientX | 相对于浏览器的水平坐标 |
clientY | 相对于浏览器的垂直坐标 |
offsetX | 相对于事件源元素的水平坐标 |
offsetY | 相对于事件源元素的垂直坐标 |
pageX | 相对于整张网页的水平坐标 |
pageY | 相对于整张网页的垂直坐标 |
按键 | 键码 |
数字0~9 | 48~57 |
字母a~z不区分大小写 | 65~90 |
四个方向键 | 37、38、39、40 |
回车 | 13 |
空格 | 32 |
方法 | 功能 |
e.preventDefault() | 阻止默认事件 |
e.stopPropagation() | 阻止事件继续传播(有一些场合需要切断事件,避免页面特效出现bug) |