js绑定事件this指向发生改变的问题解决方法
更新时间：2013年04月23日 16:18:39 作者：
js绑定事件this指向发生改变的问题将在本文进行详细探讨下，感兴趣的朋友可以参考下哈，希望对你有所帮助
可对函数进行如下扩展
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>
复制代码 代码如下:
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-SDK坐标位置如何转换为百度地图坐标 的相关资料，感兴趣的小伙伴们可以参考一下2016-07-07
JavaScript,以其无与伦比的灵活性和强大的表达能力,成为了前端开发者的得力助手,但精通它并非易事,有不少的JavaScript高效编程代码,装逼指南,高逼格代码,让你的代码看起来就有大神风范,快来鉴赏一下吧2025-02-02
bootstrap的3级菜单样式,支持母版页保留打开状态实现方法
下面小编就为大家带来一篇bootstrap的3级菜单样式,支持母版页保留打开状态实现方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-11-11
这篇文章主要介绍了JavaScript中数组对象的常用方法,包括数组的基本操作、查找、过滤、排序、遍历等方法,并提供了每个方法的语法和示例,文中通过代码介绍的非常详细,需要的朋友可以参考下2025-04-04
这篇文章主要介绍了微信小程序实现一张或多张图片上传，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2019-09-09
这篇文章主要为大家详细介绍了JavaScript实现滚动加载更多，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-12-12
JS中数据结构与算法---排序算法(Sort Algorithm)实例详解
排序也称排序算法 (Sort Algorithm)，排序是将 一组数据 ， 依指定的顺序 进行 排列的过程 。这篇文章主要介绍了数据结构与算法---排序算法(Sort Algorithm),需要的朋友可以参考下2019-06-06
这篇文章主要为大家详细介绍了JS实现灯泡开关特效，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2019-10-10
这篇文章主要给大家介绍了基于 webpack2 实现的多入口项目脚手架的相关资料，文中通过示例代码介绍的非常详细，对大家具有一定的参考学习价值，需要的朋友们下面来一起看看吧。2017-06-06
js如何将select标签里的BBB改成XXX，同时BBB里的valued的值改成F?本文将告诉你正确的答案2012-12-12
最新评论