1、在dom对象中直接绑定
dom元素一般都具有名称类似onXXX的事件,直接将方法绑定到事件即可。
<input onclick="funAlert()" type="button" value="确定" />
<script type="text/javascript">
function funAlert(){
alert("谢谢支持");
}
</script>
2、在js代码中为dom对象绑定事件处理方法
ele.onXXX=function(){// 事件处理代码}
<input id="demo" type="button" value="确定" />
<script type="text/javascript">
document.getElementById("demo").onclick=function(){
alert("谢谢支持");
}
</script>
3、使用addEventListener()来绑定事件监听函数
elementObject.addEventListener(eventName,handle,useCapture);
//elementObject为DOM对象
//eventName为事件名称,事件名称没有”on”
//handle为用来处理事件的函数,这里的函数名称后面没有小括号
//useCapture表示是否使用捕获,一般为false
4、使用attachEvent()来绑定事件监听函数
elementObject.attachEvent(eventName,handle);
//elementObject为DOM对象
//eventName为事件名称,事件名称有”on”
//handle为用来处理事件的函数,这里的函数名称后面没有小括号