JavaScript事件简介
什么叫事件：
当我们点击一个按钮的时候，会弹出一个对话框。在JavaScript中， “点击”这个事情就看作一个事件。“弹出对话框”其实就是我们在点击事件中做的一些事。
事件有3部分
- 事件源: 触发谁的事件
- 事件类型: 这个事件是干啥的，是点击呢，还是移动呢
- 事件处理函数: 事件过程做的一些事
事件对象event
- 每触发一个事件都会生成事件对象
- 事件对象 包含对事件的描述信息
3. 获取事件对象
点击事件的光标坐标点获取
每一个点击事件的坐标点都不是一对，因为要有一个相对的坐标系
- 相对事件源（你点击的元素）offsetX,offsetY
2. 相对于浏览器窗口(clientX,clientY)
3. 相对于页面(pageX,pageY)
常见的事件（了解）
大致分为几类，浏览器事件 / 鼠标事件 / 键盘事件 / 表单事件 / 触摸事件不需要都记住，但是大概要知道
浏览器事件
load ： 页面全部资源加载完毕
scroll ： 浏览器滚动的时候触发
resize 页面大小事件
鼠标事件
click ：点击事件
dbclick ：双击事件
contextmenu ： 右键单击事件
mousedown ：鼠标左键按下事件
mouseup ：鼠标左键抬起事件
mousemove ：鼠标移动
mouseover ：鼠标移入事件
mouseout ：鼠标移出事件
mouseenter ：鼠标移入事件
mouseleave ：鼠标移出事件
键盘事件
keyup ： 键盘抬起事件
keydown ： 键盘按下事件
keypress ： 键盘按下再抬起事件
...
表单事件
change : 表单内容改变事件
input : 表单内容输入事件
submit : 表单提交事件
...
触摸事件
touchstart ： 触摸开始事件
touchend ： 触摸结束事件
touchmove ： 触摸移动事件 ...
事件
鼠标事件
表单事件
- 表单提交事件onsubmit
- 表单提交项目中常用方式
- 内容转变事件onchange
事件的绑定方式
事件的执行机制
默认行为
默认行为，就是不用我们注册，它自己就存在的事情
比如我们点击鼠标右键的时候，会自动弹出一个菜单
比如我们点击 a 标签的时候，我们不需要注册点击事件，他自己就会跳转页面 ... 这些不需要我们注册就能实现的事情，我们叫做 默认事件
阻止默认行为
阻止默认事件的时候也要写一个兼容的写法
案例
区块移动
表单事件
