按钮注册事件

zsq-rookie

于 2021-11-05 11:39:10 发布

阅读量142

点赞数

分类专栏： js 文章标签： javascript

本文链接：https://blog.csdn.net/weixin_59104495/article/details/121159821

版权

js 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

<body>
    <button>传统注册事件</button>
 <button>方法监听注册事件</button>
 <script>
     // 1.传统方式
     var btns =document.querySelectorAll('button');
     btns[0].onclick =function(){
         alert('hi');
     }
     btns[0].onclick =function(){ 
         alert('how a u');
     }
     // 2.监听
     btns[1].addEventListener('click',function(){
         alert('123');
     })
     btns[1].addEventListener('click',function(){
         alert('456');
     })
 </script>
</body>

<body>
   <input type="text" id="num1">
   <input type="text" id="num2">
   <button>计算加法</button>
   <script>
       let inp1 = document.querySelector("#num1");
       let inp2 = document.querySelector("#num2");
       document.querySelector("button").onclick = function(){
           let val1 = Number(inp1.value);
           let val2 = Number(inp2.value);
           console.log(val1 + val2)
       }
   </script>
   
</body>

<body>
    <button>点击</button>
    <p></p>
    <script>
        var btn = document.querySelector('button');
        function fn1(){
            btn.onclick = function(){
                document.querySelector('p').innerHTML = '我出现了'
            }
        }
        setTimeout(fn1,1000)
    </script>
</body>

<body>
    <script>
        new Promise(function (resolve, reject) {
            console.log("Run");
        });
    </script>
</body>

<body>
    <button>按钮</button>
    <script>
        document.querySelector("button").onclick = function(){
            console.log(this);
        }
    </script>
</body>

zsq-rookie

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
按钮注册事件

<body> <button>传统注册事件</button> <button>方法监听注册事件</button> <script> // 1.传统方式 var btns =document.querySelectorAll('button'); btns[0].onclick =function(){ alert('hi'); } btns[0].oncl.
复制链接

扫一扫