目录
一、什么是事件
当我们点击一个按钮的时候，会弹出一个对话框。在JavaScript中，“点击”这个事情就看作一个事件。“弹出对话框”其实就是我们在点击事件中做的一些事。
二、事件三要素：
1、事件源：在谁身上触发 btn
2、事件类型：点击，移动.... onclick
3、事件处理函数：触发事件后执行的操作 function()
三、事件对象
1、作用：
处理事件相关的操作
2、创建方式:
当触发事件时由系统自动创建
在事件处理函数中 event 表示事件对象
3、改变事件对象的名字
在事件处理函数中定义一个形参，当触发事件生成事件对象之后会将它赋给形参
4、事件对象的兼容性写法：
window.event -- IE
e = e || window.event
四、获取光标位置的属性
1、相对于浏览器窗口：
even.clientX:获取x轴
even.clientY:获取y轴
2、相对于自身的位置
even.offsetX
even.offsetY
3、相对于页面的位置
even.pageX
even.pageY
五、事件
1、鼠标事件：
click ：点击事件
dbclick ：双击事件
contextmenu ： 右键单击事件
mousedown ：鼠标左键按下事件
mouseup ：鼠标左键抬起事件
mousemove ：鼠标移动
mouseover ：鼠标移入事件
mouseout ：鼠标移出事件
mouseenter ：鼠标移入事件 --与事件冒泡
mouseleave ：鼠标移出事件
注：事件绑定时要在事件前加on
问题：
闪烁
原因：大区块设置移动事件，小区块没有移动事件
光标在大区块移动触发移动事件
当光标移到小区块，没有移动事件没有原点，回到初始位置
解决方法：在小区块css中设置pointer-events:none
2、表单事件
~change：表单内容改变事件
~input：表单内容输入事件
~submit：表单提交事件
默认行为：
点击表单提交按钮
1、获取所有表单项内容，以名称值对的形式拼接到URL地址后面
名称值对 == username=admin&password=123
URL地址是form表单元数的action属性值，如果没有指定就是当前url地址
2、跳转到拼接之后的URL页面
3、点击表单提交按钮首先触发表单提交事件submit
执行完成后继续执行action动作
4、阻止表单默认action动作
阻止默认action动作:e.preventDefault()
~change：内容转变
~input：表单内容输入事件
