javascript 绑定事件

在html和css中标签可以绑定事件，当事件发生时，绑定的函数随即执行。常用事件有onclick，onblur，onfocus，onmousemove等，这里不谈这些事件。我们只来说一下这些事件绑定以onclick为例的办法：

第一种，比较简单的办法

<div  id="1"onclick="fu()"></div>
<script>
function fu(){
console.log("123");
}
</script>这里fu()为在<script>标签中写的js函数。

第二种 有些高级了

 < div>  id="1"\></div>
        <script>
        function fu(){
        console.log("123");
        }
       var mydiv=document.getElementById('1');
       mydiv.onclick=fu()；

第三种 高大上

     < div>  id="1"\></div>
            <script>
            function fu2(){
            console.log("345");
            }
             function fu1(){
            console.log("123");
            }
           var mydiv=document.getElementById('1');
           mydiv.addEventListener("click",fu1(),false)；
           mydiv.addEventListener("click",fu2(),false)；
           可以同时绑定两种方法。第三个参数为执行模式，true为捕捉，false为冒泡。