`
suyang119
  • 浏览: 16784 次
社区版块
存档分类
最新评论

how to replace bindwithevent in mootools 1.3

阅读更多
I need covert this code from mootools 1.2 to 1.3

var SomeClass = new Class({
 initialize: function (els) {
  for (var i = 0; i < els.length; i++) {
   els[i].addEvent('click',
    this.alert.bindWithEvent(this, [i, els[i].get('text')])
   );
  }
 },

 alert: function (event, index, text) {
  alert(
   index + ' -> ' + text + ' | ' +
   'x:' + event.page.x + ', y:' + event.page.y
  );
 }
});

Here is the working version (1.2) http://jsfiddle.net/9Pn99/
Here is my version for 1.3 http //jsfiddle.net/9Pn99/1/

EDIT: I figured out how to do it, with a closure. http://jsfiddle.net/9Pn99/4/

for (var i = 0; i < els.length; i++) {
    (function (j) {
        els[i].addEvent('click',
            function (e) {
                this.alert(e, j);
            }.bind(this)
        );
    }.pass([i], this))();
}


Is there a better solution?

EDIT2: I found another easy way:
els.each(function (el, i) {
    els[i].addEvent('click',
        function (e) {
            this.alert(e, i);
        }.bind(this)
    );
}, this);

Looks like I'm talking alone.





I wonder how to replace the bindWithEvent funtion in Mootools 1.3, the example in the documentation is very basic:
Element.addEvent('click', function(e){
myFunction.bind(bind, [e]);});

But, what about if I need to pass a param to the event handler? This is the way in Mootools 1.2:
Element.addEvent('click', function(e, param) { e.stop(); alert(param) }.bindWithEvent(this,['text']);

Any idea on how to replace this in Mootools 1.3.

Update: I found a very ugly solution, but a least it works while I find a built-in solution:
Element.addEvent('click', function(e){ e.stop(); this.bind.myFunc(this.param);}.bind({bind:this, param: 'text'}));


转自:http://stackoverflow.com/questions/4062839/how-to-replace-bindwithevent-in-mootools-1-3
分享到:
评论

相关推荐

    mootools 1.3 core 核心js库

    MooTools是一个强大的JavaScript框架,它的1.3版本是其发展中的一个重要里程碑。这个核心库提供了许多基础功能,使得Web开发者能够构建复杂、高性能的Web应用程序。MooTools 1.3 Core着重于效率、兼容性和模块化设计...

    Mootools1.3 core、more API文档

    下面将详细介绍MooTools 1.3 Core和More API中的关键知识点。 ### 1. **MooTools Core** #### 1.1 **类与对象** MooTools的核心特性之一是其强大的类系统。它基于原型继承,允许开发者创建复杂和层次化的对象结构...

    MooTools1.3的密码强度检查器_JavaScript_下载.zip

    1. **引入MooTools库**:首先确保网页已引入MooTools 1.3的JS文件。 2. **导入检查器**:将Password-Strength-Meter-master中的代码引入页面,可能是一个单独的JS文件或通过HTML `&lt;script&gt;`标签。 3. **配置**:...

    mootools docs 1.3 英文版

    MooTools Docs 1.3是这个库的官方文档,虽然这里是英文版,但它是理解MooTools核心概念和功能的重要资源。下面我们将深入探讨其中提到的一些关键模块和类。 1. **Element**:在MooTools中,`Element`是DOM元素的...

    基于mootools 1.3框架下的图片滑动效果代码

    基于MooTools 1.3框架的图片滑动效果是一种常见的网页动态展示技术,它通过JavaScript库MooTools提供的功能来实现图片在页面上的平滑过渡。这种效果通常用于图片轮播、产品展示等场景,能够吸引用户的注意力并提升...

    hashnav:[UNMAINTAINED] [已弃用]使用MooTools Framework 1.3.x及更高版本以JavaScript编写的AJAX风格的哈希导航类

    它与MooTools 1.3版及更高版本兼容。 为开发人员提供的一些漂亮工具包括: 周围最独特,最直观的哈希URI解析器之一 以简洁高效的方式查询,获取和操作URI中的哈希数据 快速轻松地浏览本地历史记录“智能存储库” ...

    mootools

    MooTools是一个JavaScript库,它的全称是"More Object-Oriented Tools",寓意提供更多的面向对象的工具。这个库的设计理念是为开发者提供一种优雅、高效的方式来编写可维护的前端代码,它强调代码的组织结构和模块化...

    mootools详细教程chm

    **MooTools 详解** MooTools 是一个轻量级且功能强大的JavaScript库,它提供了一种优雅的方式来处理DOM操作、事件、动画效果以及Ajax交互。这个“mootools详细教程chm”包含了丰富的资源,旨在帮助开发者深入理解和...

    MooTools1.4中文PDF手册+MooTools-Core-1.5.1.js

    MooTools是一款强大的JavaScript库,它提供了一套优雅的面向对象的编程接口和实用的工具集,便于开发者创建高效、可维护的Web应用程序。MooTools 1.4中文PDF手册与MooTools-Core-1.5.1.js是学习和使用MooTools的核心...

    Mootools 1.2.1 API 文档

    Mootools是一款强大的JavaScript库,它为Web开发者提供了丰富的功能和高效的工具,使得在浏览器端进行复杂的JavaScript编程变得更加便捷。Mootools 1.2.1是该库的一个版本,其API文档对于理解和使用这个库至关重要。...

    mootools tree and table

    在IT领域,JavaScript库MooTools是一个非常受欢迎的框架,用于增强网页的交互性和功能。MooTools提供了许多工具和组件,其中包括对于tree(树形结构)和table(表格)的处理,使得开发者能够轻松创建复杂的用户界面...

    MooTools 帮助文档 中文

    MooTools是一个简洁,模块化,面向对象的JavaScript框架。它能够帮助你更快,更简单地编写可扩展和兼容性强的JavaScript代码。Mootools从Prototype.js中汲取了许多有益的设计理念,语法也和其极其类似。但它提供的...

    Mootools1.2.3各版本下载

    MooTools是一个轻量级的JavaScript库,设计用于简化Web开发中的DOM操作、事件处理、动画效果以及Ajax交互。1.2.3是MooTools的一个稳定版本,它提供了丰富的功能集,同时保持了高性能和良好的浏览器兼容性。在本文中...

    mootools 弹出框

    &lt;script type="text/javascript" src="path/to/mootools-core.js"&gt; ``` 如果需要额外的功能,如拖拽效果,还可以引入相应的模块,例如`More`包: ```html &lt;script type="text/javascript" src="path/to/mootools-...

    mootools.js插件 1.4.5 core下载.zip

    比prototypejs更丰富、更强大的mootools.js插件 1.4.5 core下载。mootools.js可以生成较为复杂的、动态的网页交互效果,和jquery一样强大。。Mootools从Prototype.js中汲取了许多有益的设计理念,语法也和其极其类似...

    mootools 1.2 中文文档

    MooTools是一个轻量级的JavaScript库,设计思想源自于Prototype,但两者在实现和功能上有许多不同之处。MooTools 1.2是该库的一个稳定版本,它提供了丰富的功能集,包括DOM操作、事件处理、动画效果、Ajax交互等。这...

    mootools开发手册中文版

    MooTools 是一个轻量级且模块化的JavaScript库,它为Web开发提供了丰富的功能和工具。这个"mootools开发手册中文版"是针对MooTools 1.1.js版本的详细指南,旨在帮助开发者更好地理解和使用这个JavaScript框架。本文...

    Mootools v1.11 文档 pdf html Mootools v1.2.1 js

    MooTools 是一个轻量级、模块化的JavaScript库,它为Web开发提供了强大的工具和功能。这个压缩包包含了MooTools的两个主要版本——v1.11和v1.2.1的相关文档,以及可能的HTML和JavaScript文件,帮助开发者理解和使用...

    mootools源码分析.rar

    MooTools是一个轻量级的JavaScript库,以其模块化、可扩展性和高性能著称。它提供了许多实用工具和功能,使Web开发更为便捷。通过对"Mootools源码分析"的深入探讨,我们可以了解到这个框架的核心设计理念和实现机制...

Global site tag (gtag.js) - Google Analytics