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

说明: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

以上是小编为您精心准备的的内容,在的博客、问答、公众号、人物、课程等栏目也有的相关内容,欢迎继续使用右上角搜索按钮进行搜索鼠标
, 方法
, 事件
, 鼠标滚动监听
, event
, 按键
Event属性
,以便于您获取更多的相关知识。

时间: 2023-09-29 22:48:23

mootools框架【六】-Event篇:主要属性及方法解析的相关文章

mootools框架【四】-Function篇:主要方法解析

内容说明: 闭包是javascript中非常强大的工具,在实际应用开发中,我们基本上都会用到.从各个javascript框架中,我们也可以到处看到闭包的影子.mootools在javascript的Function上扩展出了一些十分方便的创建函数闭包的方法,其中一些我们在prototype.js中也使用过,类如bind,bindAsEventListener等. 对Function的扩展,mootools主要提供了一个create方法来创建闭包,这个方法其实实现了mootools对Functio

自己动手写ASP.NET ORM框架(六):实现查询功能FindById方法

通过配置实体与表的关系映射后,就可以实现对表的操作了,接下来实现简单对象的新增 功能.下面代码1-1是定义的操作数据对象方法的接口: using System; using System.Collections.Generic; using System.Text; using System.Data; using System.Data.SqlClient; namespace System.Orm.EntityManager { public interface EntityManager

mootools框架【二】-Core篇:方法完全解析

说明: Core 类中的核心库是Moo.js和Utility.js,Moo.js里包含了实现OO的基础类,Utility.js提供了最常用的工具函数的封装. ---------------------------Moo.js------------------------------------- 1.mootools使用如下形式构建对象: var Cat = new Class({ initialize: function(name){ this.name = name; }});var ca

mootools框架【一】-Element篇:高级应用举例

前台: <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1

Python使用Flask框架获取当前查询参数的方法

 这篇文章主要介绍了Python使用Flask框架获取当前查询参数的方法,实例分析了query_string获取查询参数的技巧,需要的朋友可以参考下     本文实例讲述了Python使用Flask框架获取当前查询参数的方法.分享给大家供大家参考.具体如下: 这段代码实现Python的Flask框架下获取当前查询参数,即QueryString中的所有参数 ? 1 2 3 4 5 6 7 8 9 10 11 12 13 from flask import Flask, render_templat

python使用Flask框架获取用户IP地址的方法

 这篇文章主要介绍了python使用Flask框架获取用户IP地址的方法,实例分析了Python使用Flask框架remote_addr获取IP的技巧,非常具有实用价值,需要的朋友可以参考下     本文实例讲述了python使用Flask框架获取用户IP地址的方法.分享给大家供大家参考.具体如下: 下面的代码包含了html页面和python代码,非常详细,如果你正使用Flask,也可以学习一下最基本的Flask使用方法. python代码如下: ? 1 2 3 4 5 6 7 8 9 10 1

Django框架如何使用ajax的post方法_AJAX相关

Django是一个开放源代码的Web应用框架,由Python写成.采用了MVC的软件设计模式,即模型M,视图V和控制器C.它最初是被开发来用于管理劳伦斯出版集团旗下的一些以新闻内容为主的网站的,即是CMS(内容管理系统)软件.并于2005年7月在BSD许可证下发布.这套框架是以比利时的吉普赛爵士吉他手Django Reinhardt来命名的. 今天在尝试调用jQuery的ajax时发现一个问题,就是使用GET方法服务器可以正常返回,但是使用POST方法却不行.后来再测试表单方式的POST的方法也

注释-spring框架,一运行到dao方法就报空指针异常,

问题描述 spring框架,一运行到dao方法就报空指针异常, 查的说是因为dao没有注入,但是我用的是注释,用了@Repository,在配置文件中也用了扫描这个包 解决方案 百度吧,网上一堆相同的问题和解决方案 解决方案二: 你得调试为什么没有注入成功 . 解决方案三: 关键得看那个配置文件· 看名字对应上了没有. 解决方案四: 注入失败,还是要一一检查DAO类上的注解,spring配置,引用DAO的地方. 解决方案五: 已经解决了,是没有加载正确的配置文件 解决方案六: 已经解决了,是没有

Django框架如何使用ajax的post方法

Django是一个开放源代码的Web应用框架,由Python写成.采用了MVC的软件设计模式,即模型M,视图V和控制器C.它最初是被开发来用于管理劳伦斯出版集团旗下的一些以新闻内容为主的网站的,即是CMS(内容管理系统)软件.并于2005年7月在BSD许可证下发布.这套框架是以比利时的吉普赛爵士吉他手Django Reinhardt来命名的. 今天在尝试调用jQuery的ajax时发现一个问题,就是使用GET方法服务器可以正常返回,但是使用POST方法却不行.后来再测试表单方式的POST的方法也