ICode9

精准搜索请尝试: 精确搜索
首页 > 编程语言> 文章详细

JavaScript内置对象事件的三种绑定方式

2021-06-07 20:33:04  阅读:258  来源: 互联网

标签:function 内置 console log JavaScript 绑定 element test click


<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
        <script>
            function test() {
                console.log("test");
            }
        </script>
    </head>
    <body>
    <!--on+对应事件 标签属性-->
        <button type="button" onclick="test()">按钮1</button>
        <input type="button" value="按钮2" id="bnt2"/>
        <script>
            var element = document.getElementById("bnt2");
            // element.onclick=test;
            element.onclick=function (){
                console.log("test")
            }
        </script>
        <!--id选择对应的element-->
        <input type="button" value="按钮3" id="bnt3"/>
        <script>
            var element = document.getElementById("bnt3");
            // element.addEventListener("click",test);
            element.addEventListener("click",function (){
                console.log("test");
            });
        </script>

    </body>
</html>

 

标签:function,内置,console,log,JavaScript,绑定,element,test,click
来源: https://www.cnblogs.com/lty-blogs/p/14860433.html

专注分享技术,共同学习,共同进步。侵权联系[admin#icode9.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有