DOM同一触发事件绑定多次

Paranoid_truggle

于 2021-07-30 17:05:38 发布

阅读量210

点赞数

文章标签： js dom

本文链接：https://blog.csdn.net/Paranoid_truggle/article/details/119252127

版权

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
  <script>
    window.onload = function (){
    /*
    * 点击按钮以后弹出一个内容
    * */
    //  获取对象
      var btn01 = document.getElementById("btn01");
      /*
      * 使用对象.事件 = 函数的形式绑定响应函数
      *     它只能同时为一个元素的一个事件绑定一个响应函数
      *     不能绑定多个，如果绑定了多个则后面会覆盖掉前面的
      * */
      // btn01.onclick =function (){
      //     alert(1);
      // }
    /*
    * addEventListener()
    *   通过这个方法也可以为元素绑定响应函数
    *   参数：
    *       1.事件的字符串，不要on
    *       2.回调函数，当事件触发时，该函数会被调用
    *       3.是否在捕获阶段触发事件，需要一个Boolean值，一般都传false
    * 使用addEventListener()可以同时为一个元素的响应事件同时绑定多个响应函数
    *   这样当事件触发时，响应函数将会按照函数的顺序执行
    * */

        btn01.addEventListener("click",function (){
            alert("1");
        },false);
        btn01.addEventListener("click",function (){
            alert("2");
        },false);
    }
  </script>
</head>
<body>
<button id="btn01">点我一下</button>
</body>
</html>

Paranoid_truggle

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
DOM同一触发事件绑定多次

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script> window.onload = function (){ /* * 点击按钮以后弹出一个内容 * */ // 获取对象 var btn01 = document.get
复制链接

扫一扫