快速入门！JavaScript中的事件绑定

事件绑定

目的：给当前元素的某个事件绑定方法（不管是基于DOM0还是DOM2），都是为了触发元素的相关行为的时候，能做点事情（也就是把绑定的方法执行）：‘不仅把方法执行了，而且浏览器还给方法传递了一个实参信息值 ==> 这个值就是事件对象’

• DOM0级事件绑定
  [element].οnclick=function(){}

• DOM2级事件绑定
  [element].addEventListener(‘xxx’,function(){},false);
  [element].attachEvent(‘onxxx’,function(){}); [IE6~8]

box.onclick = function (ev) {
   
  => 定义一个形参ev用来接收方法执行的时候，浏览器传递的信息值（事件对象：MouseEvent鼠标事件对象、KeyboardEvent键盘事件对象、Event普通事件对象...）
  => 事件对象中记录了很多属性名和属性值，这些信息中包含了当前操作的基础信息，例如：鼠标点击位置的X/Y轴坐标，鼠标点击的是谁（事件源）等信息

    [MouseEvent]
      ev.target：事件源（操作的是哪个元素）
      ev.clientX / ev.clientY ：当前鼠标触发点距离当前窗口左上角的X/Y轴坐标
      ev.pageX / ev.pageY：当前鼠标触发点距离BODY(第一屏幕)左上角的X/