JS事件绑定的方法
2016-02-21 09:41
288 查看
1、把事件绑定到元素标识的属性。
事件属性名称由事件类型加“on”构成。
onclick onmouseover
HTML代码是不区分大小写的,所以直接写在html中,大小写都可以
A <a onclick="function(){alert(1);}"></a>
B <a onclick="A();"></a>
2、将事件绑定到对象中。
click mouseover
A document.forms[0].myButton.click=A();
B
绑定事件
window.attachevent("onload",function(){ }) (在IE中)
window.addEventListener("load",listener,useCapture) (在火狐中)
type: 字符串,事件名称,不含“on”,比如“click”、“mouseover”、“keydown”等。
listener :实现了 EventListener 接口或者是 JavaScript 中的函数。
useCapture指定事件是否在捕获或冒泡阶段执行,true捕获阶段,false默认值,冒泡阶段
移除事件
window.detachEvent("onclick",fnA);
window.removeEventListener("click",fnA,useCaption);//第三个参数默认的false,是在冒泡阶段移除事件,true是在捕获阶段移除事件
兼容IE和火狐的事件处理:
var Event={
Addevent:function(element,type,fun){//传入元素,事件类型,执行方法
if(element.addEventListener){/*在火狐中*/
element.addEventListener(type,fun,false);
}
else if(elelment.attachEvent){/*在IE中*/
element.attachEvent("on"+type,fun);
}
else{alert("请使用IE,火狐,谷歌");}
}
Delevent:function(){
if(element.removeEventListener){/*在火狐中*/
element.removeEventListener(type,fun,false);
}
else if(elelment.detachEvent){/*在IE中*/
element.detachEvent("on"+type,fun);
}
else{alert("请使用IE,火狐,谷歌");}
}
};
3、<script>标签的for属性和event属性(支持IE4+)
<script for="window" event="onload">
event事件
for设置绑定事件的对象
事件属性名称由事件类型加“on”构成。
onclick onmouseover
HTML代码是不区分大小写的,所以直接写在html中,大小写都可以
A <a onclick="function(){alert(1);}"></a>
B <a onclick="A();"></a>
2、将事件绑定到对象中。
click mouseover
A document.forms[0].myButton.click=A();
B
绑定事件
window.attachevent("onload",function(){ }) (在IE中)
window.addEventListener("load",listener,useCapture) (在火狐中)
type: 字符串,事件名称,不含“on”,比如“click”、“mouseover”、“keydown”等。
listener :实现了 EventListener 接口或者是 JavaScript 中的函数。
useCapture指定事件是否在捕获或冒泡阶段执行,true捕获阶段,false默认值,冒泡阶段
移除事件
window.detachEvent("onclick",fnA);
window.removeEventListener("click",fnA,useCaption);//第三个参数默认的false,是在冒泡阶段移除事件,true是在捕获阶段移除事件
兼容IE和火狐的事件处理:
var Event={
Addevent:function(element,type,fun){//传入元素,事件类型,执行方法
if(element.addEventListener){/*在火狐中*/
element.addEventListener(type,fun,false);
}
else if(elelment.attachEvent){/*在IE中*/
element.attachEvent("on"+type,fun);
}
else{alert("请使用IE,火狐,谷歌");}
}
Delevent:function(){
if(element.removeEventListener){/*在火狐中*/
element.removeEventListener(type,fun,false);
}
else if(elelment.detachEvent){/*在IE中*/
element.detachEvent("on"+type,fun);
}
else{alert("请使用IE,火狐,谷歌");}
}
};
3、<script>标签的for属性和event属性(支持IE4+)
<script for="window" event="onload">
event事件
for设置绑定事件的对象
相关文章推荐
- 浏览器检测JS代码(兼容目前各大主流浏览器)
- Ajax 跨域请求 jsonp获取json数据
- js作用域和变量提升
- php课程---JavaScript改变HTML中的元素
- 【BZOJ 1013】 [JSOI2008]球形空间产生器sphere
- [JS]应用splice删除多元素时出现的坑
- JavaScript 笔记 11 - 数组(Array)对象
- 什么是作用域链,什么是原型链,它们的区别,在js中它们具体指什么?
- 浏览器检测JS代码(兼容目前各大主流浏览器)
- JS中Eval解析JSON字符串的一个小问题
- JSON简介以及用法汇总
- JavaScript编程学习技巧汇总
- javascript+HTML5自定义元素播放焦点图动画
- 浅谈javascript的call()、apply()、bind()的用法
- 详谈javascript异步编程
- jsonrpc环境搭建和简单实例
- JavaScript 闭包学习笔记
- 优化JS代码性能
- JavaScript基础
- JSP-include指令