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>

 

转载于:https://www.cnblogs.com/wangyeye14/p/6225720.html