事件
+ 就是一些列用户在网页中的操作,例如:鼠标点击、键盘敲击、鼠标双击等等
+ 作用:用于完成人机交互
事件绑定
+ 内联方式
=> 语法:<button onclick="fn()">按钮</button>
+ 脚本方式
=> 语法:btn.onclick = function(){}
鼠标事件
+ onmousedown 鼠标按下事件
+ onmouseup 鼠标抬起事件
+ onmousemove 鼠标移动事件(连续触发)
键盘事件
+ onkeydown 键盘按下
+ onkeyup 键盘抬起
+ onkeypress 键盘按下,不包含除了字符键以外的其他键
html事件
+ onload 加载事件
+ onfocus 获取焦点
+ onblur 失去焦点
+ oninput 输入事件(连续触发)
+ onsubmit 提交事件
事件对象
+ event
+ 作用:
=> 帮助咱们完成一些需求,在这个对象里面存储了很多好用的属性
+ 不同的事件会有不同的事件对象
+ 兼容写法
=> var e = e || window.event
+ 属性
=> e.keyCode
=> e.clientX
=> e.clientY
=> e.pageX
=> e.pageY
=> e.offsetX
=> e.offsetY