事件
事件的三大要素
事件源
事件类型
事件函数
事件对象 : 事件函数里提供的形参
事件对象兼容性
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