常用事件

事件

事件的三大要素

事件源

事件类型

事件函数

事件对象 ： 事件函数里提供的形参

事件对象兼容性

varevent=e||window.event

参数 ：

type ：事件类型

button：事件方法 0 左键 1滚轮 2右键

三个坐标（都是各种x、y）

clientX、clientY 鼠标相对浏览器窗口的x和y

offsetX、offsetY 鼠标相对于自身元素的x和y

pageX、pageY 鼠标相对于页面的x和y的距离

元素相关内容

offsetWidth / offsetHeight : 自身宽高 + padding + border

clientWidth /clientHeight: 自身的宽高 +padding

offsetTop 、 offsetLeft ：

没有定位 ： 相对页面的左边距和上边距

有定位： 相对于定位父级左边距和上边距

clientTop、clientLeft： 上边border的宽度 和左边border的宽度

常见的事件

鼠标事件

click

dblclick

mousemove

mouseover

moouseout

mouseenter

mouseleave

mousedown

mouseup

contextmenu

wheel

键盘事件

keyup

keydown

keypress

keyCode：事件对象里的 event.keyCode

keyCode ：Accsii 码

keyCode ： event.keyCode || event.which;

组合按钮

事件对象里有 altKey /ctrlKey /shiftKey : 如果是true 就是按了对应组合按钮 否则就没有按

event.altKeyevent.ctrlKeyevent.shiftKey