事件处理函数/监听函数

事件处理函数的分配有两种方法：

一.在JavaScript中

    var oDiv = document.getElementById("div1");

    oDiv.οnclick=function(){

                                           alert("I was clicked!");

                                            };

注意：在js中分配时间处理函数时要首先得到div1的元素，所以必须要在div1加载完成后才能够正确执行，所以最好在onload后才调用分配函数

二.在html中

    <div οnclick="alert('I was clicked!')"></div>

   或者是

    <div οnclick="handleClick()"></div>

    然后在js中定义该handleClick函数

注意：html的分配函数中时间处理函数的大小写都可以，而在第一种方式中只能为小写

以上的两种方法只能够对事件添加一个处理函数，第二次赋值时将覆盖前面的处理函数

 

    在IE中额外定义了元素的attachEvent和detachEvent方法来为某个元素定义时间处理方法，这两个函数都包含了两个参数，第一个参数是要定义的时间处理函数的名称和要赋给该函数的一个函数指针，利用他们可以为一个事件处理函数分配多个响应函数，事件发生时按照添加他们的顺序进行调用

    DOM定义了它自己的函数addEventListener和removeEventListener，由于DOM标准支持冒泡型和捕获型两种事件流，故必须增加第三个参数，第三个参数如果为false则跟IE的一样是针对冒泡时候的事件进行处理，如果为true则是捕获型事件。addEventListener和removeElementListener的前两个参数跟IE的attachEvent和detachEvent相同，要注意的是在删除元素的处理函数时，要对应的确定好第三个参数的值，如果参数错误不会发生错误，但是不会达到删除处理函数的目的