js事件绑定的方法
2015-08-05 14:55
537 查看
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;
}
}
}
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;
}
}
}
相关文章推荐
- JavaScript学习笔记
- 转:javascript中创建对象的几种方式
- ExtJs 中 Ajax 连接超时设置与问题排查
- JS使用parseInt解析数字实现求和的方法
- io.js v3.0.0发布
- JS Math算数
- JS学习笔记
- 视差滚动---parallax.js
- sql,javascript,php中字符串与变量的连接符
- underscore.js 一个强大的js函数库
- HTML——JAVASCRIPT——关灯效果
- JavaScript定义对象的2代码种风格和对象属性有两种寻址方式
- javascript 中Array.prototype.sort 函数的用法
- javascript中 Array.prototype.slice的用法.
- JS将阿拉伯数字转为钱
- 技术那么多,你想看看JSON Schema的测试吗?
- JavaScript定义数组的三种方式(new Array(),new Array('x','y'),['x','y'])
- ExtJs grid导出Excel
- JS中变量
- HTML——JAVASCRIPT——光棒效果