事件经典三部曲
- 获取事件源(一般都是:标签本身)
- 绑定事件( 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>