`
fastwind
  • 浏览: 324286 次
  • 性别: Icon_minigender_1
  • 来自: 天津
社区版块
存档分类
最新评论

EXT核心API详解(五)-Ext.EventManager

阅读更多

Ext.EventManager
事件管理者中的大部分方法都在Ext中有定义,主要用于事件管理


addListener( String/HTMLElement el, String eventName, Function handler,
on( String/HTMLElement el, String eventName, Function handler, [Object scope], [Object options] ) : void
onDocumentReady( Function fn, [Object scope], [boolean options] ) : void
removeListener( String/HTMLElement el, String eventName, Function fn ) :
un( String/HTMLElement el, String eventName, Function fn ) : Boolean
参见Ext

onWindowResize( Function fn, Object scope, boolean options ) : void
窗口大小变更时触发

onTextResize( Function fn, Object scope, boolean options ) : void
活动文本尺寸变更时触发



Ext.EventObject
这两个类都定义在EventManager.js中,分开是为了逻辑上更清晰吧,这个类主要用于描述事件本身,一般用做事件处理方法的参数
另外这个害定义了一些键值常量,比ascii码好记

function handleClick(e){ // 这儿的e就是一个EventObject对象
  e.preventDefault();
  var target = e.getTarget();
  ...
 }
 var myDiv = Ext.get("myDiv");
 myDiv.on("click", handleClick);
 //or
 Ext.EventManager.on("myDiv", 'click', handleClick);
 Ext.EventManager.addListener("myDiv", 'click', handleClick);

getCharCode() : Number
getKey() : Number
在非webkit|khtml类型网页中这两个方法是一样的,得到按键的值

getPageX() : Number
getPageY() : Number
getXY() : Array
得到事件坐标

getRelatedTarget() : HTMLElement
得到关联目标?我总是得到null

getTarget( [String selector], [Number/Mixed maxDepth], [Boolean returnEl] ) :
如果没有定义selector则直接返回target属性,如果定义了selector,则利用selector寻找祖先节点

getTime() : Number
得到事件发生的时间?

getWheelDelta() : Number 
应该是个过时的方法,反正在ie和火狐下都不知道做什么用的,原意应该是得到鼠标的按键信息?

hasModifier() : Boolean
事件发生时是否同时按下了ctrl/alt/shift键之一?

preventDefault() : void
阻止浏览器的默认事件?

stopEvent() : void
preventDefault+stopPropagation

stopPropagation() : void
阻止事件冒泡

within( Mixed el, [Boolean related] ) : Boolean
如果事件的目标是el或者它的子节点将返回真


Ext.CompositeElement类
基础的复合元素类,为容器中每个元素创建一个Ext.Element对象
虽然不是继承自Ext.Element,但事实上它几乎支持Element类的所有方法
例:
var els = Ext.select("#some-el div.some-class", true);
els.setWidth(100);


add( String/Array els ) : CompositeElement
添加 css选择器els匹配的元素 或 元素组成的数组 到当前对象

clear() : void
清除所有元素

contains() : Boolean
应该是contains(Mixed el):Boolean,当前复合元素中是否含有el

each( Function fn, [Object scope] ) : CompositeElement
通过el,this,index参数为每个元素调用fn

fill( String/Array els ) : CompositeElement
clear()& add(els)

filter( String selector ) : CompositeElement
过滤

first() : Ext.Element
第一个元素

getCount() : Number
//元素的数量

indexOf() : Boolean
同contains一样应该有个Mixed参数

item( Number index ) : Ext.Element
第index个元素

last() : Ext.Element
最后一个元素

removeElement( Mixed el, [Boolean removeDom] ) : CompositeElement
删除el元素

replaceElement( Mixed el, Mixed replacement, [Boolean domReplace] ) : CompositeElement
替换

Ext.CompositeElementLite
由Ext.CompositeElement继承而来,重写了一些方法,但没看出与父类有什么不同
addElements /invoke /item /addListener /each /indexOf /replaceElement 

分享到:
评论

相关推荐

    Ext API详解--笔记

    `EXT核心API详解(五)-Ext.EventManager EventObject CompositeElement CompositeElementLite.txt`阐述了事件管理和复合元素的概念。`EventManager`负责事件注册和分发,`EventObject`封装了事件的相关信息,而`...

    整理的Ext API详解

    "EXT核心API详解(五)-Ext.EventManager EventObject CompositeElement CompositeElementLite.txt"讲解了Ext的事件管理系统,包括EventManager和EventObject,它们优化了事件处理,使得跨浏览器的事件操作变得简单。...

    extapi

    "EXT核心API详解(五)-Ext.EventManager EventObject CompositeElement CompositeElementLite.txt"涉及到EXT的事件管理系统。EventManager负责事件的注册、解注册和分发,优化了浏览器之间的事件处理兼容性。...

    EXT核心API详解.doc

    EXT核心API详解主要涵盖了一系列与EXT.js库相关的类和对象,EXT.js是一个强大的JavaScript UI框架,用于构建富客户端Web应用程序。以下是对各个类的详细解释: 1. **Ext类**:EXT库的基础类,提供了许多实用的方法...

    extjs帮助文档pdf版

    ### ExtJS核心API详解 #### 1. Ext 类 (P.2) - **概述**:`Ext` 是 ExtJS 的核心命名空间,包含了全局的方法和属性。 - **用途**:提供了一个统一的入口来访问 ExtJS 库的功能,如创建组件、管理事件等。 - **常用...

    extjs帮助文档

    ### ExtJS核心API详解 #### 一、Ext类(第2页) - **概述**:Ext类是ExtJS的核心基础类之一,它提供了一系列用于简化DOM操作和浏览器兼容性问题的方法。 - **常用方法**: - `Ext.isEmpty(value)`:检查给定值是否...

    extjs实例说明详解

    在“EXT核心API详解(五)-Ext.EventManager EventObject CompositeElement CompositeElementLite.txt”中,你可以学习如何批量处理多个元素,提高代码的简洁性和效率。 8. **Ext.KeyNav和KeyMap**:它们允许你为组件...

    EXTJS___API详解

    11. **Ext.EventManager 类**:管理DOM事件,包括事件绑定、解绑和事件对象封装。 12. **Ext.EventObject 类**:封装了浏览器原生的事件对象,提供了统一的事件处理接口。 13-14. **CompositeElement 和 ...

    深入浅出ExtJS第2版

    2.1.5 Ext.EventManager 17 2.1.6 Ext.EventObject 19 2.2 EXT的核心组件 20 2.2.1 Ext.Component 20 2.2.2 Ext.BoxComponent 22 2.2.3 Ext.Container 23 2.2.4 Ext.Panel 24 2.2.5 Ext.TabPanel 24 2.3 本...

    Ext_类的详细介绍

    通过以上函数的介绍可以看出,**Ext.lib.Event** 提供了一系列底层的调用方法,这些方法在 **Ext.EventManager** 或 **Ext.EventObject** 中得到了进一步的封装和利用。 #### 二、Ext.util.Observable 类 **Ext....

    ext+js深入浅出

    - **Ext.EventManager**:用于管理全局事件监听器,简化了事件的注册和解绑过程。 - **Ext.EventObject**:表示事件对象,提供了关于事件的详细信息,如事件类型、目标元素等。 ##### 2.2 EXT的核心组件 **EXTJS**...

    精通JS脚本之ExtJS框架.part1.rar

    4.4.5 Ext.EventManager事件 4.4.6 Ext.EventObject事件 4.5 各种事件登记方式 4.5.1 传统式登记 4.5.2 内联式登记 4.5.3 Dom Level2登记 4.6 高级组件事件 4.7 ExtJS键盘事件 第5章 ExtJS组件 5.1 核心...

    精通JS脚本之ExtJS框架.part2.rar

    4.4.5 Ext.EventManager事件 4.4.6 Ext.EventObject事件 4.5 各种事件登记方式 4.5.1 传统式登记 4.5.2 内联式登记 4.5.3 Dom Level2登记 4.6 高级组件事件 4.7 ExtJS键盘事件 第5章 ExtJS组件 5.1 核心...

    ExtJS实用开发手册-快速入门

    - **事件管理**:事件统一由`Ext.EventManager`对象管理,与浏览器W3C标准事件对象`Event`相对应,Ext封装了一个`Ext.EventObject`事件对象。 - **事件绑定**:Ext支持多种方式来绑定事件,包括使用`addListener`和`...

Global site tag (gtag.js) - Google Analytics