[JS]事件函数中this的指向
2014-12-19 21:57
330 查看
来看例子:
var btn = document.getElementById("btn") ;
function myObj(){
clickResponse : funciton(){
console.log(this) ;
}
}
var obj = new myObj() ;
btn.onclick = obj.myObj ;
此时的this指向的是btn对象!
btn.onclick = function(){
obj.myObj() ;
}
此时的this对象指向的是obj!
其实this指向的规则很简单:谁调用这个函数,this就指向谁!
只是在实际中,还是往往要犯错啊!
来看例子:
var btn = document.getElementById("btn") ;
function myObj(){
clickResponse : funciton(){
console.log(this) ;
}
}
var obj = new myObj() ;
btn.onclick = obj.myObj ;
此时的this指向的是btn对象!
btn.onclick = function(){
obj.myObj() ;
}
此时的this对象指向的是obj!
其实this指向的规则很简单:谁调用这个函数,this就指向谁!
只是在实际中,还是往往要犯错啊!
相关文章推荐
- 解决js绑定事件this指向发生改变的问题
- js函数的作用域与this指向
- js函数作用域及this指向
- js绑定事件this指向发生改变的问题解决方法
- JavaScript设计模式之桥接模式与IE下事件函数的this指向与执行顺序
- js函数的作用域与this指向
- js的动态绑定事件和静态绑定事件的this的指向
- addEventListener中事件函数的this指向
- html行内触发事件的this指向(原生js学习)
- 深入理解js函数的作用域与this指向
- js如何判断函数或者方法中的this指向谁?四句话
- js中函数this指向问题
- js绑定事件this指向发生改变的问题解决方法
- IE attachEvent事件处理程序(事件绑定的函数)的this指向的是window不是执行当前事件的dom元素
- JS中函数的 this 各种指向
- js 事件绑定函数与this的使用
- js事件处理程序的运行环境(改变attachEvent内部的this指向&封装兼容性的 addEvent方法)
- JS原生事件中this的指向
- 【js学习之路】事件绑定函数中,将this换成调用对象导致的问题
- js中三种事件绑定之间的关系和事件处理函数里的this值