on ：在被选元素及子元素上添加一个或多个事件处理程序

on() 方法是 bind()、live() 和 delegate() 方法的新的替代品
移除 on() 事件处理程序，则使用 off() 方法

$(document).on(' 事件1 [事件2] ','需选中的元素',function() {   
        //需要处理的
});

事件冒泡、事件捕获

事件冒泡：

当你使用事件冒泡时，子级元素先触发，父级元素后触发（即p先触发、div后触发）

事件捕获：

当你使用事件捕获时，父级元素先触发，子级元素后触发（即div先触发、p后触发）

事件捕获阶段：事件从最上一级标签开始往下查找，直到捕获到事件目标(target)。
事件冒泡阶段：事件从事件目标(target)开始，往上冒泡直到页面的最上一级标签。

event.currentTarget与event.target

event.currentTarget 指事件监听器的对象
event.target 指事件监听器对象的子对象

假如有A,B,C 
 A->B->C  ,   C 触发一个事件。  那么 e.target 是 C .
e.currentTarget 可能是ABC当中的一个