JS-46 事件处理程序
事件处理程序分为：HTML事件处理、DOM0级事件处理、DOM2级事件处理
1、HTML事件
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>Js事件详解--事件处理</title>
</head>
<body>
<div id="btn1" onclick="demo()">按钮</button>
</div>
<script>
function demo(){
alert("hello html 事件处理")；
}
</script>
</body>
</html>
2、DOM0级事件处理
<body>
<div id="btn1">按钮</button>
</div>
<script>
var btn1=document.getElementById("btn1");
btn1.onclick=funtion(){alert("Hello DOM0级事件处理程序1")；}//被覆盖掉
btn1.onclick=function(){alert("Hello DOM0级事件处理程序2")；}
</script>
</body>
3、DOM2级事件处理
<body>
<div id ="div">
<button id ="btn1">按钮</button>
</div>
<script>
var btn1=document.getElementById("btn1");
btn1.addEventListener("click",demo1);
btn1.addEventListener("click",demo2);
btn1.addEventListener("click",demo3);
function demo1(){
alert("DOM2级事件处理程序1")
}
function demo2(){
alert("DOM2级事件处理程序2")
}
function demo3（）{
alert("DOM2级事件处理程序3")
}
btn1.removeEventListener("click",demo2);
</script>
</body>
浙公网安备 33010602011771号