javascript对象事件绑定方法
2015-04-13 17:23
330 查看
javascript对象事件绑定方法
今天在做对象事件绑定的过程中出现了一点异外情况,由于事件方法是由参数传过来的,需要将当前对象call过去,方便方法体里直接调用this错误写法
obj.onclick=p.click.call(作用域对象);
发现事件方法在初始化的时候就触发了,而且绑定失败。
正确的写法
ojb.onclick=function(){
p.click.call(作用域对象);
};
其实这里和作用域无关,还是绑定方法不对。所以总结了下js的对象事件绑定方法
1、内联模型
<input type="button" value="按钮" onclick="test()"/>
2、脚本模型
obj.onclick=function(){
alert("d");
test();//其它方法
}
obj.onclick=test;
3、事件监听绑定
var obj=document.getElementById("button1");
//添加事件
obj.addEventListener("click",function(){
//
});
// removeEventListener 移除事件
相关文章推荐
- JavaScript call apply使用 JavaScript对象的方法绑定到DOM事件后this指向问题
- javascript中为某个对象(控件)绑定事件的几种方法
- JavaScript call apply使用——JavaScript对象的方法绑定到DOM事件后this指向问题
- javascript 鼠标滚动事件绑定事件的方法与注意事项
- JavaScript中绑定事件监听函数的通用方法[ addEvent() ]
- javascript事件绑定的三种方法
- JavaScript 中 onload 事件绑定多个方法
- 【javascript】对象绑定事件
- JavaScript 中 onload 事件绑定多个方法的优化建议
- JavaScript绑定事件的方法[3种]
- JavaScript DOM编程基础精华01(DOM入门,DOM模型和获取页面元素,事件,window对象的方法)
- JavaScript中绑定事件监听函数的通用方法 addEvent() [转]
- JavaScript 中 onload 事件绑定多个方法
- 用 javascript 获取当页面上鼠标(光标)位置 和 触发事件的对象 的方法
- JavaScript 事件绑定的方法说明
- JavaScript绑定事件的方法[3种]
- javascript学习(十二):js 中为某个对象(控件)绑定事件通常可以采取两种手段
- JavaScript DOM编程基础精华01(DOM入门,DOM模型和获取页面元素,事件,window对象的方法)
- 详解javascript事件绑定使用方法