1 在标签中直接绑定事件,语法为: onXXX="funcname"。
2、 在JavaScript代码中绑定语法为:
elementObject.onXXX=function(){
// 事件处理代码
}
其中:
elementObject 为DOM对象,即DOM元素。
onXXX 为事件名称。
3、绑定事件监听函数
addEventListener()是标准的绑定事件监听函数的方法,是W3C所支持的,Chrome、FireFox、Opera、Safari、IE9.0及其以上版本都支持该函数;
但是,IE8.0及其以下版本不支持该方法,它使用attachEvent()来绑定事件监听函数。所以,这种绑定事件的方法必须要处理浏览器兼容问题。
P.S.:在Chrome等中,对应的函数是addEventListener 使用捕获;
attachEvent方法使用冒泡方法
下面绑定事件的代码,进行了兼容性处理,能够被所有浏览器支持:function addEvent(obj,type,handle){
try{ // Chrome、FireFox、Opera、Safari、IE9.0及其以上版本
obj.addEventListener(type,handle,false);
}catch(e){
try{ // IE8.0及其以下版本
obj.attachEvent('on' + type,handle);
}catch(e){ // 早期浏览器
obj['on' + type] = handle;
}
}
}