事件的注册
事件一共有三种注册方法:
(1)使用onXXX属性,比如οnclick="fun()"
(2)通过js去设置元素的onXXX属性
(3)通过addEventListener注册
案例:
<body>
<input type="text" id="div" οnfοcus="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>
总结
第一种方法没有实现分离,不利于分工合作。第二种和第三种就实现了分工合作。样式和内容可能是美工人员写的,但是行为是程序员写。