mootools框架【六】-Event篇:主要属性及方法解析 - 面向对象网,web开发,Mootools,学习,对象 - 面向对象技术开发

面向对象技术开发

会员投稿 投稿指南 站长资讯通告:
您的位置: 首页 > Web开发 > Mootools > 正文

mootools框架【六】-Event篇:主要属性及方法解析

来源: www.bianceng.cn 阅读:

说明:mootools中定义了一个Event类,它提供了对原始window的事件对象event的扩展,使用的时候,可以把原来的event对象作为Event的构造方法参数传入:

var event=new Event(event);

这样,返回的event就包含了所有mootools经过扩展的功能,具体扩展的属性和方法如下:

===========================属性===========================

shift:当触发的事件是键盘按键事件时,判断按下的按键是否是shift键

例子:

$('myLink').onkeydown = function(event){
var event = new Event(event); //扩展了的event
alert(event.shift); //如果按下的按键是shift,则alert结果为true
};

[control,alt,meta用法和shift相同。]

code:当触发的事件是键盘按键事件时,按下键的keycode

page.x:鼠标事件触发时,鼠标相对于整个窗体的x

page.y:鼠标事件触发时,鼠标相对于整个窗体的y

client.x:鼠标事件触发时,鼠标相对于当前视野的y

client.y:鼠标事件触发时,鼠标相对于当前视野的y

(一般情况下,client.x,client.y效果和page.y,page.y一样;但当窗体出现 滚动条的时候,两者效果就有差别了。)

例子:

$('myInput').addEvent('click',function(event){
   varevent=newEvent(event);
   alert(event.page.y+"||"+event.client.y);
});

key:当触发的事件是键盘按键事件时,按下按键的名字,如:"enter","esc"等等。

target:发生事件的元素。

relatedTarget:发生mouseover和mouseout事件时的元素对象的参照对象。

==========================方法=============================

方法:stop

作用:停止事件的执行

方法:stopPropagation

作用:停止事件的冒泡传递

方法:preventDefault

作用:停止事件的默认动作

由于Event的引进,mootools又给Function扩展了一个方法:

bindWithEvent它和Function的bindAsEventListener方法用法基本相同,不一样的是,bindAsEventListener方法传递到事件监听器中的是原来的event对象,而bindWithEvent则是Event的实例对

文章来源: http://www.cnblogs.com/ziyiFly/archive/2008/09/11/1289220.html

Tags:
相关文章列表: