js事件监听

在JavaScript中事件的监听是用来对某些操作做出反应的方法。例如监听一个按钮的pressdown, 或者获取鼠标左键按下时候鼠标的位置。这些都需要使用监听来完成。监听的函数很简单：addEventListener.
这里解释一下一个网页的嵌套关系：最外层：window 包含：document 包含：html 包含: body 包含：div等等...

addEventListener监听方法

按钮监听事件响应

首先我们需要获取一个按钮的handle，获取的方法很简单，代码如下：
var btn = document.getElementById("btnExample");
然后给 btn添加事件监听：
btn.addEventListener("click", btn_click_function, false);

现在当我们对id为btn的按钮点击的时候，就会触发btn_click_function函数，这个函数可以是匿名的回调函数(假如不太懂，请百度)，也可以是自己写的一个函数，在这里调用。

<!--监听器上面  -->
<a  id="example" >点击变绿</a>
<script type="text/javascript">
    //js监听
    var example = document.getElementById("example");   
    example.addEventListener("click",function() {  
               alert(123);
    }, false);  
   //jquery监听 $(function{}) 文档加载之后执行
   $("#example").click(function( ){
     alert("1");
   });
</script>