读书人

javascript中替某个对象(控件)绑定事

发布时间: 2012-09-10 22:20:13 作者: rapoo

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

读书人网 >JavaScript

热点推荐