方法.bind到某个对象,方法中使用this

来源:互联网 发布:软件项目测试报告模板 编辑:程序博客网 时间:2024/06/11 03:27

<script type="text/javascript"> 
// 这里是我们的函数
var newTweenSet = function() {
    // 由于我们使用了bind,现在"this"就指向了"newTween"
    // 因此,这里的相当于是:
    // newTween.set('width', '300px')
    this.start('width', '100px', '300px');
}
window.addEvent('domready', function() {
    // 首先把我们的元素赋值给一个变量
    var newTweenElement = $('newTween');
    newTweenElement.setStyle("background-color","#254523");
    // 然后我们new一个FX.Tween,然后赋值给一个变量
    var newTween = new Fx.Tween(newTweenElement);
 
    // 现在添加我们的事件,并绑定newTween和newTweenSet
    $('netTween_set').addEvent('click', newTweenSet.bind(newTween));  
});

</script>  
</head>
<body>
<div id="newTween">1111</div>
<input id="netTween_set" type="button" />
</body>
</html>

原创粉丝点击