事件对象下的事件类型: e.type - 返回事件 比如:click contextmenu
事件对象下的鼠标信息:e.button (- 0 鼠标的左键 - 1 鼠标的滚轮 - 2 鼠标的右键)
事件对象下的键盘码:e.keyCode (回车键 13 - 空格 32 - 上下左右 37 38 39 40- 数字和字母是对应的ASCII)
获取设置元素的位置及大小方法:
- offsetTop/offsetLeft 元素距离浏览器顶部和左侧的间距(margin和定位影响)
- offsetWidth/offsetHeight 元素宽高(包含content+padding+border) margin不包含
- clientWidth/clientHeight 元素宽高(包含content+padding) 不包含border和margin
获取鼠标坐标点:
- offsetX/offsetY 鼠标在元素盒子里面的位置(不受任何属性影响)
- clientX/clientY 鼠标相对于浏览器的坐标位置(页面有滚动条的时候不受影响,可视区域坐标)
- pageX/pageY 鼠标相对于浏览器的坐标位置(页面有滚动条的时候受影响,加上滚动条的间距)
限制元素在一个范围内拖动:
- 获取当前浏览器的宽高大小 document.documentElement.clientHeight/clientWidth
获取元素盒子的宽高
- clientHeight/clientWidth 不包含边框的
- offsetWidth/offsetHeight 包含边框的
阻止默认事件:
- 在事件方法函数中的最后添加 return false
- e.preventDefault() 事件对象的方法
- 兼容写法: e.returnValue = false
事件委托:e.target (将自己的事情委托给父级去处理)
鼠标移出移入事件:
- onmouseover/onmouseout 触发冒泡
- onmouseenter/onmouseleave 不会触发冒泡