关于addEventListener的使用

Question

在html里可以这样将event作为参数传入:<script>
function clickme(){
alert(event.clientX);
}
</script>
<div onclick="clickme(event)">Click Me!</div>
请问如何通过addEventListener给onclick创建事件监听并传event参数?

Answer 1

<div id="d1">Click Me!</div>
<script type="text/javascript">
  function clickme(){
    alert(event.clientX);
   }
   var oDiv = document.getElementById('d1');
   //IE
　　　if(oDiv.attachEvent){
　　　　oDiv.attachEvent("onclick",clickme);
　　　} else if(oDiv.addEventListener){
　　　　　//FireFox
　　　　oDiv.addEventListener("click",clickme,true);
　　　}
</script>

Answer 2

上边函数改下
function clickme(e){
   var event = e || window.event;
    alert(event.clientX);
   }

Answer 3

addEventListener(事件类型,回调函数名字，事件流控制)
function 回调函数名字(evt){
 //这个evt就是点击事件
}
传送门：http://bennyrice.com/blog/?p=1058