日期:2014-05-16  浏览次数:20391 次

javascript中为某个对象(控件)绑定事件的几种方法


 今天学习了javascirpt的一些基础知识,有关事件绑定的一些方法:


 1.<input type="button" onclick="clickHandler();" value="click"/>

  这是最简单也是最直接的一种方法,不过一般程序中很少用。


2. <input type="button" id="button" value="click"/>

 <script type="text/javascript">

  var v=document.getElementById("button");

 v.onclick=clickHandler;//后面不要带括号;

function clickHandler(event){   //为了使firefox支持event一定要存在,为了兼容ie里面参数只能是event;

alert(event.type);

}

</script>


3.. <input type="button" id="button" value="click"/>

 <script type="text/javascript">

  var v=document.getElementById("button");

 v.onclick=function clickHandler(event){   //为了使firefox支持event一定要存在,为了兼容ie里面参数只能是event;

alert(event.type);

}

function (event){   //为了使firefox支持event一定要存在,为了兼容ie里面参数只能是event;

alert(event.type);

}

//直接省略clickHandler

</script>


  总结,由于本人的对知识的掌握有限,只能分享这些,有什么错误,希望大家可以提出,欢迎大家的指点;

 

1楼Do_it__6分钟前
我觉得你应该再加一句,记住:里面event参数必须写成event。n;)n其实应该这样子:event = event || window.event