docs/api/Ext.EventManager.html

   1 <!DOCTYPE html><html><head><title>Ext.EventManager | Ext JS 4.0 Documentation</title><script type="text/javascript" src="../ext-all.js"></script><link rel="stylesheet" href="../reset.css" type="text/css"><link rel="stylesheet" href="../scrollbars.css" type="text/css"><link rel="stylesheet" href="../docs.css" type="text/css"><link id="styleCss" rel="stylesheet" href="../style.css" type="text/css"><script type="text/javascript" src="../prettify.js"></script><link rel="stylesheet" href="../prettify.css" type="text/css"><!-- link(rel: 'stylesheet', href: req.baseURL + '/css/ext4.css', type: 'text/css')--><link rel="shortcut icon" type="image/ico" href="../favicon.ico"><!--[if IE]>
   2 <style type="text/css">.head-band { display: none; }
   3 .header { border: 0; top: 0; left: 0px; background: url(../header.gif) repeat-x; }
   4 .doc-tab .members .member a.more { background-color: #efefef; }
   5 </style><link rel="stylesheet" href="/new/css/ie.css" type="text/css"><![endif]-->
   6 </head><body id="ext-body" class="iScroll"><div id="notice" class="notice">For up to date documentation and features, visit
   7 <a href="http://docs.sencha.com/ext-js/4-0">http://docs.sencha.com/ext-js/4-0</a></div><div class="wrapper"><div class="head-band"></div><div class="header"><h2><a href="../index.html">Sencha Documentation</a></h2></div><div id="search"><form><input type="text" placeholder="Search" id="search-field" autocomplete="off" name="q"></form><div id="search-box"></div></div><div id="treePanel"></div><div id="container"><script type="text/javascript">
   8
   9     req = {
  10         liveURL: '.',
  11         standAloneMode: true,
  12         origDocClass: 'Ext.EventManager',
  13         docClass: 'Ext.EventManager',
  14         docReq: 'Ext.EventManager',
  15         version: '4.0',
  16         baseURL: '.',
  17         baseDocURL: '.',
  18         baseProdURL: '.'
  19     };
  20
  21     clsInfo = {};
  22
  23
  24
  25 </script>
  26
  27 <script type="text/javascript" src="../search.js"></script>
  28 <!--script type="text/javascript" src="/new/javascripts/app/examples.js"></script-->
  29 <script type="text/javascript" src="../class_tree.js"></script>
  30 <script type="text/javascript" src="../class_doc.js"></script>
  31 <script type="text/javascript">
  32     req.source = 'EventManager.html#Ext-EventManager';
  33     clsInfo = {"methods":["addListener","getId","getKeyEvent","getPageX","getPageXY","getPageY","getRelatedTarget","getTarget","on","onDocumentReady","onWindowResize","preventDefault","purgeElement","removeAll","removeListener","removeResizeListener","removeUnloadListener","stopEvent","stopPropagation","un"],"cfgs":[],"properties":[],"events":[],"subclasses":[]};
  34     Ext.onReady(function() {
  35         Ext.create('Docs.classPanel');
  36     });
  37 </script><div id="top-block" class="top-block"><h1 id="clsTitle" class="cls"><a href="../source/EventManager.html#Ext-EventManager" target="_blank">Ext.EventManager</a></h1></div><div id="docContent"><div id="doc-overview-content"><div class="lft"><p>Registers event handlers that want to receive a normalized EventObject instead of the standard browser event and provides
  38 several useful events directly.
  39 See <a href="Ext.EventObject.html" rel="Ext.EventObject" class="docClass">Ext.EventObject</a> for more details on normalized event objects.</p>
  40 <div class="members"><div class="m-methods"><a name="methods"></a><div class="definedBy">Defined By</div><h3 class="mth p">Methods</h3><div id="method-addListener" class="member f ni"><a href="Ext.EventManager.html#method-addListener" rel="method-addListener" class="expand more ar"><span>&nbsp;</span></a><div class="title"><div class="meta"><a href="Ext.EventManager.html" class="definedIn docClass">Ext.EventManager</a><br/><a href="../source/EventManager.html#Ext-EventManager-method-addListener" class="viewSource">view source</a></div><a name="addListener"></a><a name="method-addListener"></a><a href="Ext.EventManager.html#" rel="method-addListener" class="cls expand">addListener</a>(
  41 <span class="pre">String/HTMLElement el, String eventName, Function handler, [Object scope], [Object options]</span>)
  42  : void</div><div class="description"><div class="short">Appends an event handler to an element.  The shorthand version on is equivalent.  Typically you will
  43 use Ext.core.Ele...</div><div class="long"><p>Appends an event handler to an element.  The shorthand version <a href="Ext.EventManager.html#on" rel="Ext.EventManager#on" class="docClass">on</a> is equivalent.  Typically you will
  44 use <a href="Ext.core.Element.html#addListener" rel="Ext.core.Element#addListener" class="docClass">Ext.core.Element.addListener</a> directly on an Element in favor of calling this version.</p>
  45 <h3 class="pa">Parameters</h3><ul><li><span class="pre">el</span> : String/HTMLElement<div class="sub-desc"><p>The html element or id to assign the event handler to.</p>
  46 </div></li><li><span class="pre">eventName</span> : String<div class="sub-desc"><p>The name of the event to listen for.</p>
  47 </div></li><li><span class="pre">handler</span> : Function<div class="sub-desc"><p>The handler function the event invokes. This function is passed
  48 the following parameters:<ul>
  49 <li>evt : EventObject<div class="sub-desc">The <a href="Ext.EventObject.html" rel="Ext.EventObject" class="docClass">EventObject</a> describing the event.</div></li>
  50 <li>t : Element<div class="sub-desc">The <a href="Ext.core.Element.html" rel="Ext.core.Element" class="docClass">Element</a> which was the target of the event.
  51 Note that this may be filtered by using the <tt>delegate</tt> option.</div></li>
  52 <li>o : Object<div class="sub-desc">The options object from the addListener call.</div></li>
  53 </ul></p>
  54 </div></li><li><span class="pre">scope</span> : Object<div class="sub-desc"><p>(optional) The scope (<b><code>this</code></b> reference) in which the handler function is executed. <b>Defaults to the Element</b>.</p>
  55 </div></li><li><span class="pre">options</span> : Object<div class="sub-desc"><p>(optional) An object containing handler configuration properties.
  56 This may contain any of the following properties:<ul>
  57 <li>scope : Object<div class="sub-desc">The scope (<b><code>this</code></b> reference) in which the handler function is executed. <b>Defaults to the Element</b>.</div></li>
  58 <li>delegate : String<div class="sub-desc">A simple selector to filter the target or look for a descendant of the target</div></li>
  59 <li>stopEvent : Boolean<div class="sub-desc">True to stop the event. That is stop propagation, and prevent the default action.</div></li>
  60 <li>preventDefault : Boolean<div class="sub-desc">True to prevent the default action</div></li>
  61 <li>stopPropagation : Boolean<div class="sub-desc">True to prevent event propagation</div></li>
  62 <li>normalized : Boolean<div class="sub-desc">False to pass a browser event to the handler function instead of an Ext.EventObject</div></li>
  63 <li>delay : Number<div class="sub-desc">The number of milliseconds to delay the invocation of the handler after te event fires.</div></li>
  64 <li>single : Boolean<div class="sub-desc">True to add a handler to handle just the next firing of the event, and then remove itself.</div></li>
  65 <li>buffer : Number<div class="sub-desc">Causes the handler to be scheduled to run in an <a href="Ext.util.DelayedTask.html" rel="Ext.util.DelayedTask" class="docClass">Ext.util.DelayedTask</a> delayed
  66 by the specified number of milliseconds. If the event fires again within that time, the original
  67 handler is <em>not</em> invoked, but the new handler is scheduled in its place.</div></li>
  68 <li>target : Element<div class="sub-desc">Only call the handler if the event was fired on the target Element, <i>not</i> if the event was bubbled up from a child node.</div></li>
  69 </ul><br></p>
  70
  71 <p>See <a href="Ext.core.Element.html#addListener" rel="Ext.core.Element#addListener" class="docClass">Ext.core.Element.addListener</a> for examples of how to use these options.</p>
  72
  73 </div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">void</span>&nbsp; &nbsp;
  74 </li></ul></div></div></div><div id="method-getId" class="member ni"><a href="Ext.EventManager.html#method-getId" rel="method-getId" class="expand more ar"><span>&nbsp;</span></a><div class="title"><div class="meta"><a href="Ext.EventManager.html" class="definedIn docClass">Ext.EventManager</a><br/><a href="../source/EventManager.html#Ext-EventManager-method-getId" class="viewSource">view source</a></div><a name="getId"></a><a name="method-getId"></a><a href="Ext.EventManager.html#" rel="method-getId" class="cls expand">getId</a>(
  75 <span class="pre">Mixed element</span>)
  76  : String</div><div class="description"><div class="short"><p>Get the id of the element. If one has not been assigned, automatically assign it.</p>
  77 </div><div class="long"><p>Get the id of the element. If one has not been assigned, automatically assign it.</p>
  78 <h3 class="pa">Parameters</h3><ul><li><span class="pre">element</span> : Mixed<div class="sub-desc"><p>The element to get the id for.</p>
  79 </div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">String</span>&nbsp; &nbsp;<p>id</p>
  80 </li></ul></div></div></div><div id="method-getKeyEvent" class="member ni"><a href="Ext.EventManager.html#method-getKeyEvent" rel="method-getKeyEvent" class="expand more ar"><span>&nbsp;</span></a><div class="title"><div class="meta"><a href="Ext.EventManager.html" class="definedIn docClass">Ext.EventManager</a><br/><a href="../source/EventManager.html#Ext-EventManager-method-getKeyEvent" class="viewSource">view source</a></div><a name="getKeyEvent"></a><a name="method-getKeyEvent"></a><a href="Ext.EventManager.html#" rel="method-getKeyEvent" class="cls expand">getKeyEvent</a> : String</div><div class="description"><div class="short"><p>Indicates which event to use for getting key presses.</p>
  81 </div><div class="long"><p>Indicates which event to use for getting key presses.</p>
  82 <h3 class="pa">Returns</h3><ul><li><span class="pre">String</span>&nbsp; &nbsp;<p>The appropriate event name.</p>
  83 </li></ul></div></div></div><div id="method-getPageX" class="member ni"><a href="Ext.EventManager.html#method-getPageX" rel="method-getPageX" class="expand more ar"><span>&nbsp;</span></a><div class="title"><div class="meta"><a href="Ext.EventManager.html" class="definedIn docClass">Ext.EventManager</a><br/><a href="../source/EventManager.html#Ext-EventManager-method-getPageX" class="viewSource">view source</a></div><a name="getPageX"></a><a name="method-getPageX"></a><a href="Ext.EventManager.html#" rel="method-getPageX" class="cls expand">getPageX</a>(
  84 <span class="pre">Object event</span>)
  85  : Number</div><div class="description"><div class="short"><p>Gets the x coordinate from the event</p>
  86 </div><div class="long"><p>Gets the x coordinate from the event</p>
  87 <h3 class="pa">Parameters</h3><ul><li><span class="pre">event</span> : Object<div class="sub-desc"><p>The event</p>
  88 </div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">Number</span>&nbsp; &nbsp;<p>The x coordinate</p>
  89 </li></ul></div></div></div><div id="method-getPageXY" class="member ni"><a href="Ext.EventManager.html#method-getPageXY" rel="method-getPageXY" class="expand more ar"><span>&nbsp;</span></a><div class="title"><div class="meta"><a href="Ext.EventManager.html" class="definedIn docClass">Ext.EventManager</a><br/><a href="../source/EventManager.html#Ext-EventManager-method-getPageXY" class="viewSource">view source</a></div><a name="getPageXY"></a><a name="method-getPageXY"></a><a href="Ext.EventManager.html#" rel="method-getPageXY" class="cls expand">getPageXY</a>(
  90 <span class="pre">Object event</span>)
  91  : Array</div><div class="description"><div class="short"><p>Gets the x &amp; ycoordinate from the event</p>
  92 </div><div class="long"><p>Gets the x &amp; ycoordinate from the event</p>
  93 <h3 class="pa">Parameters</h3><ul><li><span class="pre">event</span> : Object<div class="sub-desc"><p>The event</p>
  94 </div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">Array</span>&nbsp; &nbsp;<p>The x/y coordinate</p>
  95 </li></ul></div></div></div><div id="method-getPageY" class="member ni"><a href="Ext.EventManager.html#method-getPageY" rel="method-getPageY" class="expand more ar"><span>&nbsp;</span></a><div class="title"><div class="meta"><a href="Ext.EventManager.html" class="definedIn docClass">Ext.EventManager</a><br/><a href="../source/EventManager.html#Ext-EventManager-method-getPageY" class="viewSource">view source</a></div><a name="getPageY"></a><a name="method-getPageY"></a><a href="Ext.EventManager.html#" rel="method-getPageY" class="cls expand">getPageY</a>(
  96 <span class="pre">Object event</span>)
  97  : Number</div><div class="description"><div class="short"><p>Gets the y coordinate from the event</p>
  98 </div><div class="long"><p>Gets the y coordinate from the event</p>
  99 <h3 class="pa">Parameters</h3><ul><li><span class="pre">event</span> : Object<div class="sub-desc"><p>The event</p>
 100 </div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">Number</span>&nbsp; &nbsp;<p>The y coordinate</p>
 101 </li></ul></div></div></div><div id="method-getRelatedTarget" class="member ni"><a href="Ext.EventManager.html#method-getRelatedTarget" rel="method-getRelatedTarget" class="expand more ar"><span>&nbsp;</span></a><div class="title"><div class="meta"><a href="Ext.EventManager.html" class="definedIn docClass">Ext.EventManager</a><br/><a href="../source/EventManager.html#Ext-EventManager-method-getRelatedTarget" class="viewSource">view source</a></div><a name="getRelatedTarget"></a><a name="method-getRelatedTarget"></a><a href="Ext.EventManager.html#" rel="method-getRelatedTarget" class="cls expand">getRelatedTarget</a>(
 102 <span class="pre">Object event</span>)
 103  : HTMLElement</div><div class="description"><div class="short"><p>Gets the related target from the event.</p>
 104 </div><div class="long"><p>Gets the related target from the event.</p>
 105 <h3 class="pa">Parameters</h3><ul><li><span class="pre">event</span> : Object<div class="sub-desc"><p>The event</p>
 106 </div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">HTMLElement</span>&nbsp; &nbsp;<p>The related target.</p>
 107 </li></ul></div></div></div><div id="method-getTarget" class="member ni"><a href="Ext.EventManager.html#method-getTarget" rel="method-getTarget" class="expand more ar"><span>&nbsp;</span></a><div class="title"><div class="meta"><a href="Ext.EventManager.html" class="definedIn docClass">Ext.EventManager</a><br/><a href="../source/EventManager.html#Ext-EventManager-method-getTarget" class="viewSource">view source</a></div><a name="getTarget"></a><a name="method-getTarget"></a><a href="Ext.EventManager.html#" rel="method-getTarget" class="cls expand">getTarget</a>(
 108 <span class="pre">Object event</span>)
 109  : HTMLElement</div><div class="description"><div class="short"><p>Gets the target of the event.</p>
 110 </div><div class="long"><p>Gets the target of the event.</p>
 111 <h3 class="pa">Parameters</h3><ul><li><span class="pre">event</span> : Object<div class="sub-desc"><p>The event</p>
 112 </div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">HTMLElement</span>&nbsp; &nbsp;<p>target</p>
 113 </li></ul></div></div></div><div id="method-on" class="member ni"><a href="Ext.EventManager.html#method-on" rel="method-on" class="expand more ar"><span>&nbsp;</span></a><div class="title"><div class="meta"><a href="Ext.EventManager.html" class="definedIn docClass">Ext.EventManager</a><br/><a href="../source/EventManager.html#Ext-EventManager-method-on" class="viewSource">view source</a></div><a name="on"></a><a name="method-on"></a><a href="Ext.EventManager.html#" rel="method-on" class="cls expand">on</a> : void</div><div class="description"><div class="short"><p>Alias for <a href="Ext.EventManager.html#addListener" rel="Ext.EventManager#addListener" class="docClass">Ext.EventManager.addListener</a></p>
 114 </div><div class="long"><p>Alias for <a href="Ext.EventManager.html#addListener" rel="Ext.EventManager#addListener" class="docClass">Ext.EventManager.addListener</a></p>
 115 <h3 class="pa">Returns</h3><ul><li><span class="pre">void</span>&nbsp; &nbsp;
 116 </li></ul></div></div></div><div id="method-onDocumentReady" class="member ni"><a href="Ext.EventManager.html#method-onDocumentReady" rel="method-onDocumentReady" class="expand more ar"><span>&nbsp;</span></a><div class="title"><div class="meta"><a href="Ext.EventManager.html" class="definedIn docClass">Ext.EventManager</a><br/><a href="../source/EventManager.html#Ext-EventManager-method-onDocumentReady" class="viewSource">view source</a></div><a name="onDocumentReady"></a><a name="method-onDocumentReady"></a><a href="Ext.EventManager.html#" rel="method-onDocumentReady" class="cls expand">onDocumentReady</a>(
 117 <span class="pre">Function fn, [Object scope], [boolean options]</span>)
 118  : void</div><div class="description"><div class="short">Adds a listener to be notified when the document is ready (before onload and before images are loaded). Can be
 119 access...</div><div class="long"><p>Adds a listener to be notified when the document is ready (before onload and before images are loaded). Can be
 120 accessed shorthanded as Ext.onReady().</p>
 121 <h3 class="pa">Parameters</h3><ul><li><span class="pre">fn</span> : Function<div class="sub-desc"><p>The method the event invokes.</p>
 122 </div></li><li><span class="pre">scope</span> : Object<div class="sub-desc"><p>(optional) The scope (<code>this</code> reference) in which the handler function executes. Defaults to the browser window.</p>
 123 </div></li><li><span class="pre">options</span> : boolean<div class="sub-desc"><p>(optional) Options object as passed to <a href="Ext.core.Element.html#addListener" rel="Ext.core.Element#addListener" class="docClass">Ext.core.Element.addListener</a>.</p>
 124 </div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">void</span>&nbsp; &nbsp;
 125 </li></ul></div></div></div><div id="method-onWindowResize" class="member ni"><a href="Ext.EventManager.html#method-onWindowResize" rel="method-onWindowResize" class="expand more ar"><span>&nbsp;</span></a><div class="title"><div class="meta"><a href="Ext.EventManager.html" class="definedIn docClass">Ext.EventManager</a><br/><a href="../source/EventManager.html#Ext-EventManager-method-onWindowResize" class="viewSource">view source</a></div><a name="onWindowResize"></a><a name="method-onWindowResize"></a><a href="Ext.EventManager.html#" rel="method-onWindowResize" class="cls expand">onWindowResize</a>(
 126 <span class="pre">Function fn, Object scope, boolean options</span>)
 127  : void</div><div class="description"><div class="short">Adds a listener to be notified when the browser window is resized and provides resize event buffering (100 millisecon...</div><div class="long"><p>Adds a listener to be notified when the browser window is resized and provides resize event buffering (100 milliseconds),
 128 passes new viewport width and height to handlers.</p>
 129 <h3 class="pa">Parameters</h3><ul><li><span class="pre">fn</span> : Function<div class="sub-desc"><p>The handler function the window resize event invokes.</p>
 130 </div></li><li><span class="pre">scope</span> : Object<div class="sub-desc"><p>The scope (<code>this</code> reference) in which the handler function executes. Defaults to the browser window.</p>
 131 </div></li><li><span class="pre">options</span> : boolean<div class="sub-desc"><p>Options object as passed to <a href="Ext.core.Element.html#addListener" rel="Ext.core.Element#addListener" class="docClass">Ext.core.Element.addListener</a></p>
 132 </div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">void</span>&nbsp; &nbsp;
 133 </li></ul></div></div></div><div id="method-preventDefault" class="member ni"><a href="Ext.EventManager.html#method-preventDefault" rel="method-preventDefault" class="expand more ar"><span>&nbsp;</span></a><div class="title"><div class="meta"><a href="Ext.EventManager.html" class="definedIn docClass">Ext.EventManager</a><br/><a href="../source/EventManager.html#Ext-EventManager-method-preventDefault" class="viewSource">view source</a></div><a name="preventDefault"></a><a name="method-preventDefault"></a><a href="Ext.EventManager.html#" rel="method-preventDefault" class="cls expand">preventDefault</a>(
 134 <span class="pre">Event The</span>)
 135  : void</div><div class="description"><div class="short"><p>Prevents the browsers default handling of the event.</p>
 136 </div><div class="long"><p>Prevents the browsers default handling of the event.</p>
 137 <h3 class="pa">Parameters</h3><ul><li><span class="pre">The</span> : Event<div class="sub-desc"><p>event to prevent the default</p>
 138 </div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">void</span>&nbsp; &nbsp;
 139 </li></ul></div></div></div><div id="method-purgeElement" class="member ni"><a href="Ext.EventManager.html#method-purgeElement" rel="method-purgeElement" class="expand more ar"><span>&nbsp;</span></a><div class="title"><div class="meta"><a href="Ext.EventManager.html" class="definedIn docClass">Ext.EventManager</a><br/><a href="../source/EventManager.html#Ext-EventManager-method-purgeElement" class="viewSource">view source</a></div><a name="purgeElement"></a><a name="method-purgeElement"></a><a href="Ext.EventManager.html#" rel="method-purgeElement" class="cls expand">purgeElement</a>(
 140 <span class="pre">String/HTMLElement el, [String eventName]</span>)
 141  : void</div><div class="description"><div class="short">Recursively removes all previous added listeners from an element and its children. Typically you will use Ext.core.El...</div><div class="long"><p>Recursively removes all previous added listeners from an element and its children. Typically you will use <a href="Ext.core.Element.html#purgeAllListeners" rel="Ext.core.Element#purgeAllListeners" class="docClass">Ext.core.Element.purgeAllListeners</a>
 142 directly on an Element in favor of calling this version.</p>
 143 <h3 class="pa">Parameters</h3><ul><li><span class="pre">el</span> : String/HTMLElement<div class="sub-desc"><p>The id or html element from which to remove all event handlers.</p>
 144 </div></li><li><span class="pre">eventName</span> : String<div class="sub-desc"><p>(optional) The name of the event.</p>
 145 </div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">void</span>&nbsp; &nbsp;
 146 </li></ul></div></div></div><div id="method-removeAll" class="member ni"><a href="Ext.EventManager.html#method-removeAll" rel="method-removeAll" class="expand more ar"><span>&nbsp;</span></a><div class="title"><div class="meta"><a href="Ext.EventManager.html" class="definedIn docClass">Ext.EventManager</a><br/><a href="../source/EventManager.html#Ext-EventManager-method-removeAll" class="viewSource">view source</a></div><a name="removeAll"></a><a name="method-removeAll"></a><a href="Ext.EventManager.html#" rel="method-removeAll" class="cls expand">removeAll</a>(
 147 <span class="pre">String/HTMLElement el</span>)
 148  : void</div><div class="description"><div class="short">Removes all event handers from an element.  Typically you will use Ext.core.Element.removeAllListeners
 149 directly on an...</div><div class="long"><p>Removes all event handers from an element.  Typically you will use <a href="Ext.core.Element.html#removeAllListeners" rel="Ext.core.Element#removeAllListeners" class="docClass">Ext.core.Element.removeAllListeners</a>
 150 directly on an Element in favor of calling this version.</p>
 151 <h3 class="pa">Parameters</h3><ul><li><span class="pre">el</span> : String/HTMLElement<div class="sub-desc"><p>The id or html element from which to remove all event handlers.</p>
 152 </div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">void</span>&nbsp; &nbsp;
 153 </li></ul></div></div></div><div id="method-removeListener" class="member ni"><a href="Ext.EventManager.html#method-removeListener" rel="method-removeListener" class="expand more ar"><span>&nbsp;</span></a><div class="title"><div class="meta"><a href="Ext.EventManager.html" class="definedIn docClass">Ext.EventManager</a><br/><a href="../source/EventManager.html#Ext-EventManager-method-removeListener" class="viewSource">view source</a></div><a name="removeListener"></a><a name="method-removeListener"></a><a href="Ext.EventManager.html#" rel="method-removeListener" class="cls expand">removeListener</a>(
 154 <span class="pre">String/HTMLElement el, String eventName, Function fn, Object scope</span>)
 155  : void</div><div class="description"><div class="short">Removes an event handler from an element.  The shorthand version un is equivalent.  Typically
 156 you will use Ext.core.E...</div><div class="long"><p>Removes an event handler from an element.  The shorthand version <a href="Ext.EventManager.html#un" rel="Ext.EventManager#un" class="docClass">un</a> is equivalent.  Typically
 157 you will use <a href="Ext.core.Element.html#removeListener" rel="Ext.core.Element#removeListener" class="docClass">Ext.core.Element.removeListener</a> directly on an Element in favor of calling this version.</p>
 158 <h3 class="pa">Parameters</h3><ul><li><span class="pre">el</span> : String/HTMLElement<div class="sub-desc"><p>The id or html element from which to remove the listener.</p>
 159 </div></li><li><span class="pre">eventName</span> : String<div class="sub-desc"><p>The name of the event.</p>
 160 </div></li><li><span class="pre">fn</span> : Function<div class="sub-desc"><p>The handler function to remove. <b>This must be a reference to the function passed into the <a href="Ext.EventManager.html#addListener" rel="Ext.EventManager#addListener" class="docClass">addListener</a> call.</b></p>
 161 </div></li><li><span class="pre">scope</span> : Object<div class="sub-desc"><p>If a scope (<b><code>this</code></b> reference) was specified when the listener was added,
 162 then this must refer to the same object.</p>
 163 </div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">void</span>&nbsp; &nbsp;
 164 </li></ul></div></div></div><div id="method-removeResizeListener" class="member ni"><a href="Ext.EventManager.html#method-removeResizeListener" rel="method-removeResizeListener" class="expand more ar"><span>&nbsp;</span></a><div class="title"><div class="meta"><a href="Ext.EventManager.html" class="definedIn docClass">Ext.EventManager</a><br/><a href="../source/EventManager.html#Ext-EventManager-method-removeResizeListener" class="viewSource">view source</a></div><a name="removeResizeListener"></a><a name="method-removeResizeListener"></a><a href="Ext.EventManager.html#" rel="method-removeResizeListener" class="cls expand">removeResizeListener</a>(
 165 <span class="pre">Function fn, Object scope</span>)
 166  : void</div><div class="description"><div class="short"><p>Removes the passed window resize listener.</p>
 167 </div><div class="long"><p>Removes the passed window resize listener.</p>
 168 <h3 class="pa">Parameters</h3><ul><li><span class="pre">fn</span> : Function<div class="sub-desc"><p>The method the event invokes</p>
 169 </div></li><li><span class="pre">scope</span> : Object<div class="sub-desc"><p>The scope of handler</p>
 170 </div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">void</span>&nbsp; &nbsp;
 171 </li></ul></div></div></div><div id="method-removeUnloadListener" class="member ni"><a href="Ext.EventManager.html#method-removeUnloadListener" rel="method-removeUnloadListener" class="expand more ar"><span>&nbsp;</span></a><div class="title"><div class="meta"><a href="Ext.EventManager.html" class="definedIn docClass">Ext.EventManager</a><br/><a href="../source/EventManager.html#Ext-EventManager-method-removeUnloadListener" class="viewSource">view source</a></div><a name="removeUnloadListener"></a><a name="method-removeUnloadListener"></a><a href="Ext.EventManager.html#" rel="method-removeUnloadListener" class="cls expand">removeUnloadListener</a>(
 172 <span class="pre">Function fn, Object scope</span>)
 173  : void</div><div class="description"><div class="short"><p>Removes the passed window unload listener.</p>
 174 </div><div class="long"><p>Removes the passed window unload listener.</p>
 175 <h3 class="pa">Parameters</h3><ul><li><span class="pre">fn</span> : Function<div class="sub-desc"><p>The method the event invokes</p>
 176 </div></li><li><span class="pre">scope</span> : Object<div class="sub-desc"><p>The scope of handler</p>
 177 </div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">void</span>&nbsp; &nbsp;
 178 </li></ul></div></div></div><div id="method-stopEvent" class="member ni"><a href="Ext.EventManager.html#method-stopEvent" rel="method-stopEvent" class="expand more ar"><span>&nbsp;</span></a><div class="title"><div class="meta"><a href="Ext.EventManager.html" class="definedIn docClass">Ext.EventManager</a><br/><a href="../source/EventManager.html#Ext-EventManager-method-stopEvent" class="viewSource">view source</a></div><a name="stopEvent"></a><a name="method-stopEvent"></a><a href="Ext.EventManager.html#" rel="method-stopEvent" class="cls expand">stopEvent</a>(
 179 <span class="pre">Event The</span>)
 180  : void</div><div class="description"><div class="short"><p>Stop the event (preventDefault and stopPropagation)</p>
 181 </div><div class="long"><p>Stop the event (preventDefault and stopPropagation)</p>
 182 <h3 class="pa">Parameters</h3><ul><li><span class="pre">The</span> : Event<div class="sub-desc"><p>event to stop</p>
 183 </div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">void</span>&nbsp; &nbsp;
 184 </li></ul></div></div></div><div id="method-stopPropagation" class="member ni"><a href="Ext.EventManager.html#method-stopPropagation" rel="method-stopPropagation" class="expand more ar"><span>&nbsp;</span></a><div class="title"><div class="meta"><a href="Ext.EventManager.html" class="definedIn docClass">Ext.EventManager</a><br/><a href="../source/EventManager.html#Ext-EventManager-method-stopPropagation" class="viewSource">view source</a></div><a name="stopPropagation"></a><a name="method-stopPropagation"></a><a href="Ext.EventManager.html#" rel="method-stopPropagation" class="cls expand">stopPropagation</a>(
 185 <span class="pre">Event The</span>)
 186  : void</div><div class="description"><div class="short"><p>Cancels bubbling of the event.</p>
 187 </div><div class="long"><p>Cancels bubbling of the event.</p>
 188 <h3 class="pa">Parameters</h3><ul><li><span class="pre">The</span> : Event<div class="sub-desc"><p>event to stop bubbling.</p>
 189 </div></li></ul><h3 class="pa">Returns</h3><ul><li><span class="pre">void</span>&nbsp; &nbsp;
 190 </li></ul></div></div></div><div id="method-un" class="member ni"><a href="Ext.EventManager.html#method-un" rel="method-un" class="expand more ar"><span>&nbsp;</span></a><div class="title"><div class="meta"><a href="Ext.EventManager.html" class="definedIn docClass">Ext.EventManager</a><br/><a href="../source/EventManager.html#Ext-EventManager-method-un" class="viewSource">view source</a></div><a name="un"></a><a name="method-un"></a><a href="Ext.EventManager.html#" rel="method-un" class="cls expand">un</a> : void</div><div class="description"><div class="short"><p>Alias for <a href="Ext.EventManager.html#removeListener" rel="Ext.EventManager#removeListener" class="docClass">Ext.EventManager.removeListener</a></p>
 191 </div><div class="long"><p>Alias for <a href="Ext.EventManager.html#removeListener" rel="Ext.EventManager#removeListener" class="docClass">Ext.EventManager.removeListener</a></p>
 192 <h3 class="pa">Returns</h3><ul><li><span class="pre">void</span>&nbsp; &nbsp;
 193 </li></ul></div></div></div></div></div></div></div><div id="pageContent"></div></div></div></div></body></html>