js绑定事件this指向发生改变的问题解决方法
2013-04-23 00:00
1266 查看
可对函数进行如下扩展
用法如下
常用在这儿
Function.prototype.bind = function(obj) { var _this = this; return function() { _this.apply(obj,arguments); } }
用法如下
var a = function(){ alert(this.title) }.bind(document); a();
常用在这儿
function myalert() { this.title = 'hello world'; this.init = function() { $("#xxx").click(this.close.bind(this)); } this.close = function() { alert(this.title) } }
<P style="PADDING-BOTTOM: 0px; LINE-HEIGHT: 22px; MARGIN-TOP: 0px; FONT-FAMILY: 微软雅黑, 宋体, 'Trebuchet MS', Tahoma, Arial, sans-serif; MARGIN-BOTTOM: 10px; COLOR: rgb(34,34,34); FONT-SIZE: 14px; PADDING-TOP: 0px" class=p1>var a = new myalert();</P><P style="PADDING-BOTTOM: 0px; LINE-HEIGHT: 22px; MARGIN-TOP: 0px; FONT-FAMILY: 微软雅黑, 宋体, 'Trebuchet MS', Tahoma, Arial, sans-serif; MARGIN-BOTTOM: 10px; COLOR: rgb(34,34,34); FONT-SIZE: 14px; PADDING-TOP: 0px" class=p1>a.init();</P>
相关文章推荐
- js绑定事件this指向发生改变的问题解决方法
- 解决js绑定事件this指向发生改变的问题
- 解决js绑定事件this指向发生改变的问题
- 解决TextBox中, JS方法(DatePicker)改变Text内容后, 无法触发OnTextChanged事件的问题
- js addEventListener和attachEvent函数中的this的指向问题及解决方法
- js事件处理程序的运行环境(改变attachEvent内部的this指向&封装兼容性的 addEvent方法)
- 关于ajax请求后js绑定事件失效问题解决方法
- 解决使用attachEvent函数时,this指向被绑定的元素的问题的方法
- 使用call、apply和bind解决js中烦人的this,事件绑定时的this和传参问题
- JavaScript call apply使用——JavaScript对象的方法绑定到DOM事件后this指向问题
- JavaScript call apply使用 JavaScript对象的方法绑定到DOM事件后this指向问题
- 解决使用attachEvent函数时,this指向被绑定的元素的问题的方法
- jQuery中的bind绑定事件与文本框值改变事件解决方法
- js鼠标单击和双击事件冲突问题的解决方法
- JS中改变this指向的方法(call和apply、bind)
- js改变img标签的src属性在IE下出问题的解决方法
- 解决给dom元素绑定click等事件无效问题的方法
- JavaScript的回调函数内部this的指向问题以及四种绑定this指向的方法
- js鼠标单击和双击事件冲突问题的快速解决方法