事件

1、语法：事件源.on事件类型 = 事件处理函数

事件绑定的三要素：
事件源：和“谁”做好约定
事件类型：约定一个什么行为
事件处理函数：当用户触发该行为时，执行什么代码

2、事件类型

（1）鼠标事件
单击:click 双击:dbclick 鼠标按下:mousedown 鼠标抬起:mouseup 鼠标移动: mousemove 鼠标移入:mouseover 鼠标移出:mouseout 鼠标移入:mouseenter 鼠标移出:mouseleave......
（2）键盘
键盘按下:keydown 键盘抬起:keyup 键盘键入:keypress......
（3）浏览器
加载完毕:load 滚动:scroll 尺寸改变:resize......
（4）触摸
触摸开始:touchstart 触摸移动:touchmove 触摸结束:touchend......
（5）表单
聚焦:focus 失焦:blue 改变:change 输入:input 提交:submit 重置:reset......

3、事件对象

（1）当事件触发时，一个描述该事件信息的对象数据类型
直接在事件处理函数接受形参：
div.onclick = function(e){
　　console.log(e)
}
（2）事件对象内的信息
I、鼠标事件
　　坐标信息：
　　1、offsetX和offsetY
　　2、clientX和clientY
　　3、pageX和pageY
II、键盘事件
　　按下的是哪一个按键——键盘编码：
　　事件对象,keyCode

4、事件传播

（1）捕获——目标——冒泡
　　浏览器的传播机制默认是在冒泡阶段触发事件的
（2）阻止事件传播:事件对象.stopPropagation()

5、事件委托——利用事件冒泡的机制，把自己的事件委托给结构父级中的某一层

 

标签：事件处理,鼠标,触摸,......,键盘,事件
来源： https://www.cnblogs.com/mmmmmm-rj/p/15967625.html