今天总结一个关于事件处理程序的小细节。首先回顾一下事件处理的一些概念。

  JS中的事件处理(事件绑定)就是让某种或某些事件触发某些活动。有两种常见的形式,分别是DOM Level 0 和DOM Level 2。这两种方式最大的区别就在于DOM 0级事件处理只能用于事件冒泡,而DOM 2级事件处理却可以通过设置第三个参数来分别支持事件冒泡和事件捕获。

  DOM 0级事件处理一般是直接把一个函数分配给一个事件处理程序,既可以在元素中直接分配一个事件处理程序,如方式一所示;也可以在脚本中把函数分配给事件处理程序,如方式二所示。

大学生就业培训,高中生培训,在职人员转行培训,企业团训

<!--方式一--><div onclick="fun1();fun2('world!');"></div><!--方式二--><div id="a">点我</div><script>
    var a=document.getElementById("a");

    a.onclick=fun1;   //方式二 

    function fun1(){
        alert("hello!");
    }    function fun2(cc){
        alert(cc);
    }</script>

大学生就业培训,高中生培训,在职人员转行培训,企业团训

  这两种方式的区别在上述示例中也显示了,第一种方式可以同时绑定多个处理函数,但要注意必须是全局函数,否则会抛出Reference错误。第二种方式只能一次绑定一个处理函数,否则新的函数会覆盖旧的函数。

延伸阅读

学习是年轻人改变自己的最好方式-Java培训,做最负责任的教育,学习改变命运,软件学习,再就业,大学生如何就业,帮大学生找到好工作,lphotoshop培训,电脑培训,电脑维修培训,移动软件开发培训,网站设计培训,网站建设培训学习是年轻人改变自己的最好方式