常见的鼠标事件
onclick鼠标点击左键触发onmouseover鼠标经过触发onmouseout鼠标离开触发onfocus获得鼠标焦点触发onblur失去鼠标焦点触发onmousemove鼠标移动触发onmouseup鼠标弹起触发onmousedown鼠标按下触发contextmenu主要控制应该何时显示上下文菜单，主要用于程序员取消默认的右键菜单，但还可以选中control+c
document.daaEventListener('contextmenu',function(e){
e.preventDefault();
})
selectstart这是开始选中的事件，加上e.preventDefault禁止鼠标选中，但可以检查开发者工具element里复制
获得鼠标在页面中的坐标
- event对象代表事件的状态，跟事件相关的一系列信息的集合，现阶段我们主要用时表事件对象mouseEvent和键盘事件对象keyboardEvent
e.clientX返回鼠标相对于浏览器窗口可视区的x坐标e.clientY返回鼠标相对于浏览器窗口可视区的y坐标e.pageX返回鼠标相对于文档页面的x坐标e.pageY返回鼠标相对于文档页面的y坐标e.screenX返回鼠标相对于电脑屏幕的x坐标e.screenY返回鼠标相对于电脑屏幕的y坐标
键盘事件
onkeyup某个键盘按键被松开时触发onkeydown某个键盘按键被按下时触发onkeypress某个键盘按键被按下时触发 但它不识别功能键 比如ctrl shift等- 执行顺序：keydown-keypress-keyup
- 注意：如果使用addEventListener，不需要加on
keyCode判断用户按下哪个键
- keyCode属性可以获得相应键位的ASCII码值
- 注意：keyup和keydown 不区分字母大小写，比如a和A得到的都是65
- keypress区分字母大小写
