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当中的一个
