鼠标点击事件

发表于
  1. []
    • 产生:绑定事件对应的那个函数中，并且可以作为参数传递
    • ps:标准浏览器中事件对象存在于绑定的函数中,在ie8-中这个事件对象在window.event属性上 ==>e=e||window.event
    • clientX:鼠表点击位置相对于窗口的x轴坐标
    • clientY:鼠表点击位置相对于窗口的y轴坐标
    • pageX:鼠标位置相对于页面的x轴坐标
    • pageY:鼠表位置相对于zzz页面的y轴的坐标
    • e.preventDefault():组织默认行为
    • e.returnValue=false; for IE8-
    • return false; –>>>>也能处理默认行为
    • e.type –>>>>>>>>>当前事件类型(string) *
    • e.target –>>>>>>>事件源
    • ele.srcElement –>>>>>>>for ie8–
    • e.stopPropagation() –>>>>阻止事件传播,ie8-中不存在
    • e.cancelBubble=true; –>>> 阻止事件传播
  1. 事件冒泡:
    • 点击当前元素会触发所有祖先元素的对应事件

      Math

  2. Math.atan2(y,x) =>
    • 360deg = 2PI*弧度
    • 180/PI 约等于 57.29….

      键盘事件

  3. key 按键
  4. keyCode 按键编码
    • Enter -> 13
    • BackSpace -> 8
    • space -> 32
    • left -> 37
    • top -> 38
    • right -> 39
    • bottom ->40
    • 0-9 -> 48-57(非主键盘)

      二级事件-EventListener

  5. addEventListener 添加监听事件
  6. removeEventListener 移除监听事件
  7. attachEvent –>ie中的移除事件