AI编程助手
AI免费问答

Javascript中添加事件到脚本被覆盖

autoload   2021-04-08 15:35   1760浏览 原创

2021040815150612067.jpg

问题:添加到脚本中被覆盖?

nbsp;html>


    <meta>
    <meta>
    <meta>
    <title>php.cn</title>
    <button>按钮2</button>
    <script>
           const btn2=document.querySelector("button");
           btn2.onclick=function(){
               alert("你好");
           }
           btn2.onclick=function(){  //这个会覆盖上面的onclick
               alert("我也很好");
           }
    </script>

 解决方法:

 1. 将二者合并在一起

 <script>
           const btn2=document.querySelector("button");
           btn2.onclick=function(){
               alert("你好");
                alert("我也很好");
           }
    </script>

2.添加事件监听器

nbsp;html>


    <meta>
    <meta>
    <meta>
    <title>php.cn</title>
    <button>按钮2</button>
    <script>     
         const btn1=document.querySelector("button");
           console.log(btn1);
           btn1.addEventListener("click",()=>alert("你好"));
           btn1.addEventListener("click",function(){
               alert("我也很好")
           });
    </script>

推荐:《2021年js面试题及答案(大汇总)

Java免费学习笔记:立即学习
解锁 Java 大师之旅:从入门到精通的终极指南

声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。