mootools中bindWithEvent和bindAsEventListener 的区别

最新推荐文章于 2011-11-14 01:31:00 发布

zhangw428

最新推荐文章于 2011-11-14 01:31:00 发布

阅读量1.5k

点赞数

分类专栏： javascript 文章标签： mootools function 浏览器

本文链接：https://blog.csdn.net/zhangw428/article/details/3165757

版权

javascript 专栏收录该内容

41 篇文章 0 订阅

订阅专栏

bindAsEventListener 是mt中Function类的一个方法，作用是：创建闭包并自动传入一个Event实例，通常用来做事件监听器

它的返回值为:一个绑定了this以及预传入参数event(或window.event，根据浏览器不同而不同)的函数闭包.

注意，event只是普通的event实例，而不是mt中Event类的一个实例，所以它不具有Event类中的属性，例如event.page.x等等。

bindAsEvent 是 mt中Event类向Functionle类添加的一个原型方法。作用是：自动会向目标function中传入一个mootools的Event类实例。

下面是关于两者区别的一个例子：

 
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
    <title>无标题页</title>
    <script type="text/javascript" src="mt.js"></script>
</head>
<body>
<a id="demo" style="width:100px;height:50px;border:1px solid red;display:block" href="http://www.google.cn"></a>
<script type="text/javascript">
var myElement = $('demo');
function myFunction(event){
    //var event = new Event(event);
    //event.stop();
   
    alert(event.client.x);
};
myElement.onclick = myFunction.bindAsEventListener(myElement);    //报错
myElement.addEvent('click', myFunction.bindWithEvent(myElement)); //正常
</script>
</body>
</html>
 

zhangw428

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
mootools中bindWithEvent和bindAsEventListener 的区别

bindAsEventListener 是mt中Function类的一个方法，作用是：创建闭包并自动传入一个Event实例，通常用来做事件监听器它的返回值为:一个绑定了this以及预传入参数event(或window.event，根据浏览器不同而不同)的函数闭包.注意，event只是普通的event实例，而不是mt中Event类的一个实例，所以它不具有Event类中的属性，例如event.
复制链接

扫一扫