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

最新推荐文章于 2023-06-29 16:06:57 发布

喝着绿茶的猫

最新推荐文章于 2023-06-29 16:06:57 发布

阅读量308

点赞数

分类专栏： JavaScript-DOM 文章标签： javascript

本文链接：https://blog.csdn.net/luyu13141314/article/details/53242023

版权

JavaScript-DOM 专栏收录该内容

9 篇文章 0 订阅

订阅专栏

事件经典三部曲

获取事件源（一般都是：标签本身）
绑定事件（ 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>

喝着绿茶的猫

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
01 JS-DOM之--事件以及绑定方法

事件经典三部曲获取事件源（一般都是：标签本身）绑定事件（ js已经定义好的，直接使用即可）书写事件驱动程序 <body> <div id="box"></div> <script> //1.获取事件源 var box = document.getElementById("box"); //2.绑定事件 box.onclick = function () { //3.书写事件驱动程序
复制链接

扫一扫

专栏目录