1.事件的理论基础

什么是事件?

​ 事件就是元素天生一个行为，只要操作元素就会触发相关行为

事件绑定： 给天生自带事件行为绑定方法，当事件触发，对应的方法执行

​ oBOx.onclick=functon(){console.log(单击);}

天生自带的事件

/*[鼠标事件]
 click:点击（pc端是点击，移动端是单击[移动端有300ms延迟]），鼠标抬起触发
 dbclick:双击
 mouseover:鼠标飘过
 mouseout:移出
  mouseenter:进入
 mouseleave：离开
 mousemove:移动
 mousedown:按下(鼠标的左右键按下都起作用[注意与click的区别])
 mouseup:抬起(优先于click抬起)
 mousewheel:鼠标滚轮滚动（注意与scroll[滚动条滚动]的区别）
 [键盘事件]
 keydown:按下
 keyup:抬起
 keypress：按下（和keydown类似，但是返回值不同，只不过keydown返回值是键盘码，keypress的返回值是ASCLL码值）
 由于手机端是虚拟键盘，以上不支持手机端 ，手机端可用input代替*/

/*[表单元素常用事件]
 focus:获取焦点
 blur:失去焦点
 change:内容改变
 ……*/

/*[移动端手指事件]
    * [touchd:单手指]
    * touchstart：手指按下
    * touchmove:手指移动
    * touchend:手指离开
    * touchcancel:应为意外情况导致手指取消。
    * [gesture:多手指操作]
    * gesturestart:多手指按下
    * gestureend:多手指离开
    * gesturechange：手指改变
    * ……*/

/*[音视频AUDIO/VIDIO事件]
    * canplay:可以播放（播放过程中可能出现由于资源没有加载完成，导致卡顿）
    * canplaythrough:(资源加载完成，可以正常无障碍播放)
    * ……*/

/* [其他常用事件]
 load:加载事件
 upload:
 beforunload:
 scroll:滚动条滚动事件
 resize:大小改变事件
 window.onresize=function () {}:但浏览器的窗口大小发生改变，会触发这个事件，执行对应的事情
……*/

下一篇：事件对象的常用属性