事件的注册

事件的注册

三种方法：

（1）使用onXXX属性，比如οnclick=”fun()”

（2）通过JS去设置元素的onXXX属性

（3）通过addEventListener注册

<script>
    var txt1 = document.getElementById("txt1");
    //注册事件的第二种方法
    txt1.onblur = blur2;
    //注册事件的第三种方法
    txt1.addEventListener("change",change);
    function focus1(){
        txt1.style.backgroundColor = "skyblue";
    }
    function blur2(){
        var txt1 = document.getElementById("txt1");
        txt1.style.backgroundColor = "gray";
    }
    function change(){
        alert("值改变了");
    }
</script>

  后两种方法的好处？将页面的内容、样式和行为分离，内容和样式可能是美工人员去完成，行为（实际上就是JS的内容）往往是程序员的事。分离后利于分工合作。

  第三种方式addEventListener的第一个参数事件名，第二个参数是事件处理函数。可以添加事件监听，当然也就可以移除，用的是removeEventListener，参数与addEventListener参数是一样的。

而且通过addEventListener和removeEventListener甚至我们可以去动态的去注册不同的事件处理程序。