• function addEventListener


    <ul>
        <li>假如ev1与ev2都未添加圆括号,那么点击按钮后依次输出first,second</li>
        <li>假如ev1添加了圆括号而ev2没有,那么页面加载完成后输出first</li>
        <li>假如ev2添加了圆括号而ev1没有,那么页面加载完成后输出second</li>
        <li>假如ev1与ev2都添加了圆括号,那么页面加载完成后依次输出first,second</li>
    </ul>
    <b>注意:ev不加()是把函数名作为参数传入,返回值为整个函数体。而加了()即为马上调用(执行)函数,返回值为函数返回值</b><br/>
    <button id="btn">点击事件</button>
    <script type="text/javascript">
        var e = document.getElementById("btn");
        e.addEventListener("click",ev1);//此处ev1没有添加圆括号表示将ev1作为参数传递给function ev1(),按钮点击完成之后执行函数
        function ev1(){
            console.log("first");
        }
        e.addEventListener("click",ev2());//此处ev2添加圆括号表示立即执行function ev2,返回值为函数体false,页面加载完成之后执行函数
        function ev2(){
            console.log("second");
        }
    </script>
  • 相关阅读:
    HTML中visibility:hidden 和 display:none 的区别及实例?
    新手css学习
    关于新手html的认识
    学习前端第一天(上午)
    0528学习笔记
    愉快的一天
    今日份学习的快乐
    javascript(2)
    javascript
    CSS基础(2)
  • 原文地址:https://www.cnblogs.com/wangyeye14/p/6225720.html
Copyright © 2020-2023  润新知