事件的注册

来源：互联网发布：程序员的自我修养 ppt 编辑：程序博客网时间：2024/06/03 12:43

事件的注册

事件一共有三种注册方法：

（1）使用onXXX属性，比如onclick="fun()"

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

（3）通过addEventListener注册

案例：

<body><input type="text" id="div" onfocus="focus1()"/><script>    var a = document.getElementById("div");    //第一种    function focus1(){        a.style.backgroundColor = "red";    }    //第二种    a.onblur = blur1;    function blur1(){        a.style.backgroundColor = "black";    }    //第三种    a.addEventListener("change",change);    function change(){        alert("植被改变了");        a.removeEventListener("change",change);        a.addEventListener("change",change2);    }    function change2(){        alert("植被改变了22222");    }</script></body>

总结

第一种方法没有实现分离，不利于分工合作。第二种和第三种就实现了分工合作。样式和内容可能是美工人员写的，但是行为是程序员写。

阅读全文

1 0