每一个元素都有事件

事件绑定

把事件当一个HTML元素的属性

<button onclick="code..."></button>

把事件当做DOM对象的方法

dom.onclick=function(){code...}（非官方方法）

事件监听方式

addEventListener (chrome);

attachEvent (IE) (官方用法)

解除事件的绑定

  • 绑定方式： 把事件当做html元素属性 / 把事件当做dom对象的方法

    重新绑定一个空的function，覆盖前面

  • 绑定方式 是 事件监听方式
    • removeEventListener(event, fn)
    • detachEvent(event, fn)

this的用法

  • 循环给一组元素绑定事件的时候
  • 事件作为html元素属性的时候，函数调用，传this表示 该元素

  • this在这里指的是lis[i]

事件类型

鼠标事件

  • click 单击
  • dblclick 双击
  • contextmenu 右击
  • mouseover 鼠标进入元素
  • mouseout 鼠标离开元素
  • mousedown 鼠标按键按下
  • mouseup 鼠标按键抬起
  • mousemove 鼠标移动

键盘事件

  • keydown 键盘按键按下
  • keyup 键盘按键抬起
  • keypress 键盘按键按下， 并不是所有的按键都可以触发（只有可以输入字符的按键）

Event 对象

  • clientX
  • clientY
  • keyCode