JavaScript的事件注册方法

　　1 事件注册方法
　　我们常用＂onXXX＂方法赋值的方式，完成事件注册。
　　其实，功能强大的事件注册方法是addEventListener，调用该方法时，我们提供事件和事件处理函数。
　　注册完成后；当事件发生时，该事件对应的函数将会被调用。
　　下面我们对比这两种方式的差别。2 为什么需要这个方法
　　下面我们假设两个程序员合作开发一个网页，这是两个程序员共用的HTML代码：
　　这是程序员1编写的JavaScript代码：
　　这是程序员2编写的JavaScript代码：
　　现在我们运行程序，这是浏览器中的显示：
　　当我们点击按钮时，出现下面的提示框：
　　点击＂确定＂按钮后，不再有提示框弹出。3 代码分析
　　可以看到，上面的程序运行时，程序员1编写的JavaScript代码没有执行。这显然不符合程序员1的意愿。
　　为什么呢？
　　因为onclick就是按钮的一个数据成员，对该数据成员赋值，跟对一个普通变量赋值没有什么两样。当我们再次对onclick赋值时，onclick是最后赋的值。
　　上面的HTML文件中，先导入程序员1的JavaScript代码，再导入程序员2的JavaScript，导致程序员2的onclick赋值在后面，因此onclick的值为程序员2编写的函数。4 解决方案
　　上面代码的问题，可以通过调用addEventListener方法来解决。
　　HTML代码不需要改变。
　　这是程序员1新的JavaScript代码：
　　这是程序员2新的JavaScript代码：
　　运行HTML，浏览器中的显示还是为：
　　当我们点击按钮时，首先显示下面的提示框：
　　当我们点击提示框的＂确定＂按钮后，该提示框关闭，然后显示下面的提示框：
　　程序员1关心的问题得到了解决。5 总结
　　对于onclick这种事件注册形式，我们只是知道当我们点击鼠标时，回调函数会被调用，实际上，这种代码编写方式，我们看到了回调函数，却对事件本身的概念并不清楚。
　　而我们调用addEventListener(＂click＂, function(){})时，可以清楚地看到事件是click，第二个参数是回调函数。
　　此外，对于按钮控件来说，onclick相当于它的一个数据成员，使用起来虽然简单，但不支持多个回调函数注册到一个事件上，而addEventListener却支持多个回调函数注册到一个事件上。