本文介绍JavaScript中事件的经典三部曲：获取事件源、绑定事件及编写事件驱动程序。通过示例详细展示了如何使用不同方法为DOM元素绑定事件，包括匿名函数、函数名绑定以及内嵌标签绑定方式。
事件经典三部曲
- 获取事件源（一般都是：标签本身）
- 绑定事件（ js已经定义好的，直接使用即可）
- 书写事件驱动程序
<body>
<div id="box"></div>
<script>
//1.获取事件源
var box = document.getElementById("box");
//2.绑定事件
box.onclick = function () {
//3.书写事件驱动程序
alert("您点击了div盒子！");
}
</script>
</body>
事件绑定方法
1.绑定匿名函数（一般都用这种）
box.onclick = function (){
alert(2);
}
2.绑定函数名
box.onclick = fn;//函数名==整个函数
function fn(){
alert(2);
}
注：如果函数带有参数，那么只能选用第一种，绑定匿名函数,再把函数写里面。如果不把它放进匿名函数，直接写在后面的话，就相当于是绑定函数的返回值啦！
function fn(a,b){
return a+b;
}
box.onclick = function (){
fn(1,3);
}
3.内嵌标签（不建议使用）
<div id="box" onclick="fn3()"></div>
扫一扫
1706
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
