您的位置：首页 > Web前端 > JavaScript

01 JS-DOM之--事件以及绑定方法

2017-07-13 14:34 459 查看
事件经典三部曲
获取事件源（一般都是：标签本身）
绑定事件（ 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>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航