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>

 

posted @ 2016-12-27 14:18  Western_Journalist  阅读(174)  评论(0编辑  收藏  举报