利用事件委托机制给未来元素添加事件

未来元素用jquery里面的on方法添加事件 on（“click”）：事件委托机制

意思是在body元素绑定click事件处理函数handler，如果这个handler是由它的后代元素P触发的，就执行：$(document.body).on("click","p", handler)  其中P也可以是未来元素，就是后台动态添加进去的元素，而不是一开始写在页面中的元素。

事件委托机制就是，我们不为每个P元素直接绑定click事件处理函数，而是委托给其某个公共的祖辈元素(此处示例中为document.body)，"告诉"他：如果接收到了click事件触发通知，并且这个click事件是由我们这些P元素其中之一触发的，就执行祖辈元素上委托绑定的事件处理函数。

注意："focus"、"blur"等部分事件不支持冒泡，使用事件委托机制将无效。不过，他们一般也有对应的支持冒泡的事件。例如与"focus"对应的"focusin"，与"blur"对应的"focusout"。此外，我们也可以使用event.stopPropagation()方法，让当前触发的事件停止冒泡。

1.绑定多个事件，用空格隔开事件和命名空间如：“click”或“keydown.myPlugin”。或者格式为

1 2 3 4 5 6 7

on({   "clcik": function(){},   mouseover: function(){}   })