<divid=Content><divclass="CClass"><divclass=CTopicid=MainTopic><h1class=CTitle><aname="mxEvent"></a>mxEvent</h1><divclass=CBody><p>Cross-browser DOM event support. For internal event handling, <ahref="mxEventSource-js.html#mxEventSource"class=LClassid=link27onMouseOver="ShowTip(event, 'tt24', 'link27')"onMouseOut="HideTip('tt24')">mxEventSource</a> and the graph event dispatch loop in <ahref="../view/mxGraph-js.html#mxGraph"class=LClassid=link28onMouseOver="ShowTip(event, 'tt25', 'link28')"onMouseOut="HideTip('tt25')">mxGraph</a> are used.</p><h4class=CHeading>Memory Leaks</h4><p>Use this class for adding and removing listeners to/from DOM nodes. The <ahref="#mxEvent.removeAllListeners"class=LFunctionid=link29onMouseOver="ShowTip(event, 'tt3', 'link29')"onMouseOut="HideTip('tt3')">removeAllListeners</a> function is provided to remove all listeners that have been added using <ahref="#mxEvent.addListener"class=LFunctionid=link30onMouseOver="ShowTip(event, 'tt1', 'link30')"onMouseOut="HideTip('tt1')">addListener</a>. The function should be invoked when the last reference is removed in the JavaScript code, typically when the referenced DOM node is removed from the DOM, and helps to reduce memory leaks in IE6.</p><!--START_ND_SUMMARY--><divclass=Summary><divclass=STitle>Summary</div><divclass=SBorder><tableborder=0cellspacing=0cellpadding=0class=STable><trclass="SMain"><tdclass=SEntry><ahref="#mxEvent">mxEvent</a></td><tdclass=SDescription>Cross-browser DOM event support. </td></tr><trclass="SGroup SIndent1"><tdclass=SEntry><ahref="#mxEvent.Variables">Variables</a></td><tdclass=SDescription></td></tr><trclass="SVariable SIndent2 SMarked"><tdclass=SEntry><ahref="#mxEvent.objects">objects</a></td><tdclass=SDescription>Contains all objects where any listener was added using <ahref="#mxEvent.addListener"class=LFunctionid=link1onMouseOver="ShowTip(event, 'tt1', 'link1')"onMouseOut="HideTip('tt1')">addListener</a>. </td></tr><trclass="SGroup SIndent1"><tdclass=SEntry><ahref="#mxEvent.Functions">Functions</a></td><tdclass=SDescription></td></tr><trclass="SFunction SIndent2 SMarked"><tdclass=SEntry><ahref="#mxEvent.addListener"id=link2onMouseOver="ShowTip(event, 'tt1', 'link2')"onMouseOut="HideTip('tt1')">addListener</a></td><tdclass=SDescription>Binds the function to the specified event on the given element. </td></tr><trclass="SFunction SIndent2"><tdclass=SEntry><ahref="#mxEvent.removeListener"id=link3onMouseOver="ShowTip(event, 'tt2', 'link3')"onMouseOut="HideTip('tt2')">removeListener</a></td><tdclass=SDescription>Removes the specified listener from the given element.</td></tr><trclass="SFunction SIndent2 SMarked"><tdclass=SEntry><ahref="#mxEvent.removeAllListeners"id=link4onMouseOver="ShowTip(event, 'tt3', 'link4')"onMouseOut="HideTip('tt3')">removeAllListeners</a></td><tdclass=SDescription>Removes all listeners from the given element.</td></tr><trclass="SFunction SIndent2"><tdclass=SEntry><ahref="#mxEvent.addGestureListeners"id=link5onMouseOver="ShowTip(event, 'tt4', 'link5')"onMouseOut="HideTip('tt4')">addGestureListeners</a></td><tdclass=SDescription>Adds the given listeners to mousedown, mousemove, mouseup and the respective touch events if <ahref="../mxClient-js.html#mxClient.IS_TOUCH"class=LVariableid=link6onMouseOver="ShowTip(event, 'tt5', 'link6')"onMouseOut="HideTip('tt5')">mxClient.IS_TOUCH</a> is true.</td></tr><trclass="SFunction SIndent2 SMarked"><tdclass=SEntry><ahref="#mxEvent.removeGestureListeners"id=link7onMouseOver="ShowTip(event, 'tt6', 'link7')"onMouseOut="HideTip('tt6')">removeGestureListeners</a></td><tdclass=SDescription>Removes the given listeners from mousedown, mousemove, mouseup and the respective touch events if <ahref="../mxClient-js.html#mxClient.IS_TOUCH"class=LVariableid=link8onMouseOver="ShowTip(event, 'tt5', 'link8')"onMouseOut="HideTip('tt5')">mxClient.IS_TOUCH</a> is true.</td></tr><trclass="SFunction SIndent2"><tdclass=SEntry><ahref="#mxEvent.redirectMouseEvents"id=
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxEvent.objects"></a>objects</h3><divclass=CBody><p>Contains all objects where any listener was added using <ahref="#mxEvent.addListener"class=LFunctionid=link31onMouseOver="ShowTip(event, 'tt1', 'link31')"onMouseOut="HideTip('tt1')">addListener</a>. This is used to reduce memory leaks in IE, see <ahref="../mxClient-js.html#mxClient.dispose"class=LFunctionid=link32onMouseOver="ShowTip(event, 'tt26', 'link32')"onMouseOut="HideTip('tt26')">mxClient.dispose</a>.</p></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxEvent.addListener"></a>addListener</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>addListener: function()</td></tr></table></blockquote><p>Binds the function to the specified event on the given element. Use <ahref="mxUtils-js.html#mxUtils.bind"class=LFunctionid=link33onMouseOver="ShowTip(event, 'tt27', 'link33')"onMouseOut="HideTip('tt27')">mxUtils.bind</a> in order to bind the “this” keyword inside the function to a given execution scope.</p></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxEvent.removeListener"></a>removeListener</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>removeListener: function()</td></tr></table></blockquote><p>Removes the specified listener from the given element.</p></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxEvent.removeAllListeners"></a>removeAllListeners</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>removeAllListeners: function(</td><tdclass=PParameternowrap>element</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Removes all listeners from the given element.</p></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxEvent.addGestureListeners"></a>addGestureListeners</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>addGestureListeners: function(</td><tdclass=PParameternowrap>node,</td></tr><tr><td></td><tdclass=PParameternowrap>startListener,</td></tr><tr><td></td><tdclass=PParameternowrap>moveListener,</td></tr><tr><td></td><tdclass=PParameternowrap>endListener</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Adds the given listeners to mousedown, mousemove, mouseup and the respective touch events if <ahref="../mxClient-js.html#mxClient.IS_TOUCH"class=LVariableid=link34onMouseOver="ShowTip(event, 'tt5', 'link34')"onMouseOut="HideTip('tt5')">mxClient.IS_TOUCH</a> is true.</p></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxEvent.removeGestureListeners"></a>removeGestureListeners</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>removeGestureListeners: function(</td><tdclass=PParameternowrap>node,</td></tr><tr><td></td><tdclass=PParameternowrap>startListener,</td></tr><tr><td></td><tdclass=PParameternowrap>moveListener,</td></tr><tr><td></td><tdclass=PParameternowrap>endListener</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Removes the given listeners from mousedown, mousemove, mouseup and the respective touch events if <ahref="../mxClient-js.html#mxClient.IS_TOUCH"class=LVariableid=link35onMouseOver="ShowTip(event, 'tt5', 'link35')"onMouseOut="HideTip('tt5')">mxClient.IS_TOUCH</a> is true.</p></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxEvent.redirectMouseEvents"></a>redirectMouseEvents</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>redirectMouseEvents: function(</td><tdclass=PParameternowrap>node,</td></tr><tr><td></td><tdclass=PParameternowrap>graph,</td></tr><tr><td></td><tdclass=PParameternowrap>state,</td></tr><tr><td></td><tdclass=PParameternowrap>down,</td></tr><tr><td></td><tdclass=PParameternowrap>move,</td></tr><tr><td></td><tdclass=PParameternowrap>up,</td></tr><tr><td></td><tdclass=PParameternowrap>dblClick</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Redirects the mouse events from the given DOM node to the graph dispatch loop using the event and given state as event arguments. State can either be an instance of <ahref="../view/mxCellState-js.html#mxCellState"class=LClassid=link36onMouseOver="ShowTip(event, 'tt28', 'link36')"onMouseOut="HideTip('tt28')">mxCellState</a> or a function that returns an <ahref="../view/mxCellState-js.html#mxCellState"class=LClassid=link37onMouseOver="ShowTip(event, 'tt28', 'link37')"onMouseOut="HideTip('tt28')">mxCellState</a>. The down, move, up and dblClick arguments are optional functions that take the trigger event as arguments and replace the default behaviour.</p></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxEvent.release"></a>release</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>release: function(</td><tdclass=PParameternowrap>element</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Removes the known listeners from the given DOM node and its descendants.</p><h4class=CHeading>Parameters</h4><tableborder=0cellspacing=0cellpadding=0class=CDescriptionList><tr><tdclass=CDLEntry>element</td><tdclass=CDLDescription>DOM node to remove the listeners from.</td></tr></table></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxEvent.disableContextMenu"></a>disableContextMenu</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>disableContextMenu: function()</td></tr></table></blockquote><p>Disables the context menu for the given element.</p></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxEvent.getSource"></a>getSource</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>getSource: function(</td><tdclass=PParameternowrap>evt</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Returns the event’s target or srcElement depending on the browser.</p></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxEvent.isConsumed"></a>isConsumed</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>isConsumed: function(</td><tdclass=PParameternowrap>evt</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Returns true if the event has been consumed using <ahref="#mxEvent.consume"class=LFunctionid=link38onMouseOver="ShowTip(event, 'tt12', 'link38')"onMouseOut="HideTip('tt12')">consume</a>.</p></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxEvent.isLeftMouseButton"></a>isLeftMouseButton</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>isLeftMouseButton: function(</td><tdclass=PParameternowrap>evt</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Returns true if the left mouse button is pressed for the given event. To check if a button is pressed during a mouseMove you should use the <ahref="../view/mxGraph-js.html#mxGraph.isMouseDown"class=LVariableid=link39onMouseOver="ShowTip(event, 'tt29', 'link39')"onMouseOut="HideTip('tt29')">mxGraph.isMouseDown</a> property.</p></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxEvent.isRightMouseButton"></a>isRightMouseButton</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>isRightMouseButton: function(</td><tdclass=PParameternowrap>evt</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Returns true if the right mouse button was pressed. Note that this button might not be available on some systems. For handling a popup trigger <ahref="#mxEvent.isPopupTrigger"class=LFunctionid=link40onMouseOver="ShowTip(event, 'tt15', 'link40')"onMouseOut="HideTip('tt15')">isPopupTrigger</a> should be used.</p></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxEvent.isPopupTrigger"></a>isPopupTrigger</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>isPopupTrigger: function(</td><tdclass=PParameternowrap>evt</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Returns true if the event is a popup trigger. This implementation returns true if the right mouse button or shift was pressed.</p></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxEvent.isShiftDown"></a>isShiftDown</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>isShiftDown: function(</td><tdclass=PParameternowrap>evt</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Returns true if the shift key is pressed for the given event.</p></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxEvent.isAltDown"></a>isAltDown</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>isAltDown: function(</td><tdclass=PParameternowrap>evt</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Returns true if the alt key is pressed for the given event.</p></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxEvent.isControlDown"></a>isControlDown</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>isControlDown: function(</td><tdclass=PParameternowrap>evt</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Returns true if the control key is pressed for the given event.</p></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxEvent.isMetaDown"></a>isMetaDown</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>isMetaDown: function(</td><tdclass=PParameternowrap>evt</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Returns true if the meta key is pressed for the given event.</p></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxEvent.getMainEvent"></a>getMainEvent</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>getMainEvent: function(</td><tdclass=PParameternowrap>e</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Returns the touch or mouse event that contains the mouse coordinates.</p></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxEvent.getClientX"></a>getClientX</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>getClientX: function(</td><tdclass=PParameternowrap>e</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Returns true if the meta key is pressed for the given event.</p></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxEvent.getClientY"></a>getClientY</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>getClientY: function(</td><tdclass=PParameternowrap>e</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Returns true if the meta key is pressed for the given event.</p></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxEvent.consume"></a>consume</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>consume: function(</td><tdclass=PParameternowrap>evt,</td></tr><tr><td></td><tdclass=PParameternowrap>preventDefault,</td></tr><tr><td></td><tdclass=PParameternowrap>stopPropagation</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Consumes the given event.</p><h4class=CHeading>Parameters</h4><tableborder=0cellspacing=0cellpadding=0class=CDescriptionList><tr><tdclass=CDLEntry>evt</td><tdclass=CDLDescription>Native event to be consumed.</td></tr><tr><tdclass=CDLEntry>preventDefault</td><tdclass=CDLDescription>Optional boolean to prevent the default for the event. Default is true.</td></tr><tr><tdclass=CDLEntry>stopPropagation</td><tdclass=CDLDescription>Option boolean to stop event propagation. Default is true.</td></tr></table></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxEvent.LABEL_HANDLE"></a>LABEL_HANDLE</h3><divclass=CBody><p>Index for the label handle in an mxMouseEvent. This should be a negative value that does not interfere with any possible handle indices. Default is -1.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxEvent.ROTATION_HANDLE"></a>ROTATION_HANDLE</h3><divclass=CBody><p>Index for the rotation handle in an mxMouseEvent. This should be a negative value that does not interfere with any possible handle indices. Default is -2.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxEvent.MOUSE_DOWN"></a>MOUSE_DOWN</h3><divclass=CBody><p>Specifies the event name for mouseDown.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxEvent.MOUSE_MOVE"></a>MOUSE_MOVE</h3><divclass=CBody><p>Specifies the event name for mouseMove.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxEvent.MOUSE_UP"></a>MOUSE_UP</h3><divclass=CBody><p>Specifies the event name for mouseUp.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxEvent.ACTIVATE"></a>ACTIVATE</h3><divclass=CBody><p>Specifies the event name for activate.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxEvent.RESIZE_START"></a>RESIZE_START</h3><divclass=CBody><p>Specifies the event name for resizeStart.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxEvent.RESIZE"></a>RESIZE</h3><divclass=CBody><p>Specifies the event name for resize.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxEvent.RESIZE_END"></a>RESIZE_END</h3><divclass=CBody><p>Specifies the event name for resizeEnd.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxEvent.MOVE_START"></a>MOVE_START</h3><divclass=CBody><p>Specifies the event name for moveStart.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxEvent.MOVE"></a>MOVE</h3><divclass=CBody><p>Specifies the event name for move.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxEvent.MOVE_END"></a>MOVE_END</h3><divclass=CBody><p>Specifies the event name for moveEnd.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxEvent.PAN_START"></a>PAN_START</h3><divclass=CBody><p>Specifies the event name for panStart.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxEvent.PAN"></a>PAN</h3><divclass=CBody><p>Specifies the event name for pan.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxEvent.PAN_END"></a>PAN_END</h3><divclass=CBody><p>Specifies the event name for panEnd.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxEvent.MINIMIZE"></a>MINIMIZE</h3><divclass=CBody><p>Specifies the event name for minimize.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxEvent.NORMALIZE"></a>NORMALIZE</h3><divclass=CBody><p>Specifies the event name for normalize.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxEvent.MAXIMIZE"></a>MAXIMIZE</h3><divclass=CBody><p>Specifies the event name for maximize.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxEvent.HIDE"></a>HIDE</h3><divclass=CBody><p>Specifies the event name for hide.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxEvent.SHOW"></a>SHOW</h3><divclass=CBody><p>Specifies the event name for show.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxEvent.CLOSE"></a>CLOSE</h3><divclass=CBody><p>Specifies the event name for close.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxEvent.DESTROY"></a>DESTROY</h3><divclass=CBody><p>Specifies the event name for destroy.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxEvent.REFRESH"></a>REFRESH</h3><divclass=CBody><p>Specifies the event name for refresh.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxEvent.SIZE"></a>SIZE</h3><divclass=CBody><p>Specifies the event name for size.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxEvent.SELECT"></a>SELECT</h3><divclass=CBody><p>Specifies the event name for select.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxEvent.FIRED"></a>FIRED</h3><divclass=CBody><p>Specifies the event name for fired.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxEvent.GET"></a>GET</h3><divclass=CBody><p>Specifies the event name for get.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxEvent.RECEIVE"></a>RECEIVE</h3><divclass=CBody><p>Specifies the event name for receive.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxEvent.CONNECT"></a>CONNECT</h3><divclass=CBody><p>Specifies the event name for connect.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxEvent.DISCONNECT"></a>DISCONNECT</h3><divclass=CBody><p>Specifies the event name for disconnect.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxEvent.SUSPEND"></a>SUSPEND</h3><divclass=CBody><p>Specifies the event name for suspend.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxEvent.RESUME"></a>RESUME</h3><divclass=CBody><p>Specifies the event name for suspend.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxEvent.MARK"></a>MARK</h3><divclass=CBody><p>Specifies the event name for mark.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxEvent.SESSION"></a>SESSION</h3><divclass=CBody><p>Specifies the event name for session.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxEvent.ROOT"></a>ROOT</h3><divclass=CBody><p>Specifies the event name for root.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxEvent.POST"></a>POST</h3><divclass=CBody><p>Specifies the event name for post.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxEvent.OPEN"></a>OPEN</h3><divclass=CBody><p>Specifies the event name for open.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxEvent.SAVE"></a>SAVE</h3><divclass=CBody><p>Specifies the event name for open.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxEvent.BEFORE_ADD_VERTEX"></a>BEFORE_ADD_VERTEX</h3><divclass=CBody><p>Specifies the event name for beforeAddVertex.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxEvent.ADD_VERTEX"></a>ADD_VERTEX</h3><divclass=CBody><p>Specifies the event name for addVertex.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxEvent.AFTER_ADD_VERTEX"></a>AFTER_ADD_VERTEX</h3><divclass=CBody><p>Specifies the event name for afterAddVertex.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxEvent.DONE"></a>DONE</h3><divclass=CBody><p>Specifies the event name for done.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxEvent.EXECUTE"></a>EXECUTE</h3><divclass=CBody><p>Specifies the event name for execute.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxEvent.EXECUTED"></a>EXECUTED</h3><divclass=CBody><p>Specifies the event name for executed.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxEvent.BEGIN_UPDATE"></a>BEGIN_UPDATE</h3><divclass=CBody><p>Specifies the event name for beginUpdate.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxEvent.START_EDIT"></a>START_EDIT</h3><divclass=CBody><p>Specifies the event name for startEdit.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxEvent.END_UPDATE"></a>END_UPDATE</h3><divclass=CBody><p>Specifies the event name for endUpdate.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxEvent.END_EDIT"></a>END_EDIT</h3><divclass=CBody><p>Specifies the event name for endEdit.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxEvent.BEFORE_UNDO"></a>BEFORE_UNDO</h3><divclass=CBody><p>Specifies the event name for beforeUndo.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxEvent.UNDO"></a>UNDO</h3><divclass=CBody><p>Specifies the event name for undo.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxEvent.REDO"></a>REDO</h3><divclass=CBody><p>Specifies the event name for redo.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxEvent.CHANGE"></a>CHANGE</h3><divclass=CBody><p>Specifies the event name for change.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxEvent.NOTIFY"></a>NOTIFY</h3><divclass=CBody><p>Specifies the event name for notify.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxEvent.LAYOUT_CELLS"></a>LAYOUT_CELLS</h3><divclass=CBody><p>Specifies the event name for layoutCells.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxEvent.CLICK"></a>CLICK</h3><divclass=CBody><p>Specifies the event name for click.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxEvent.SCALE"></a>SCALE</h3><divclass=CBody><p>Specifies the event name for scale.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxEvent.TRANSLATE"></a>TRANSLATE</h3><divclass=CBody><p>Specifies the event name for translate.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxEvent.SCALE_AND_TRANSLATE"></a>SCALE_AND_TRANSLATE</h3><divclass=CBody><p>Specifies the event name for scaleAndTranslate.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxEvent.UP"></a>UP</h3><divclass=CBody><p>Specifies the event name for up.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxEvent.DOWN"></a>DOWN</h3><divclass=CBody><p>Specifies the event name for down.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxEvent.ADD"></a>ADD</h3><divclass=CBody><p>Specifies the event name for add.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxEvent.REMOVE"></a>REMOVE</h3><divclass=CBody><p>Specifies the event name for remove.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxEvent.CLEAR"></a>CLEAR</h3><divclass=CBody><p>Specifies the event name for clear.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxEvent.ADD_CELLS"></a>ADD_CELLS</h3><divclass=CBody><p>Specifies the event name for addCells.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxEvent.CELLS_ADDED"></a>CELLS_ADDED</h3><divclass=CBody><p>Specifies the event name for cellsAdded.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxEvent.MOVE_CELLS"></a>MOVE_CELLS</h3><divclass=CBody><p>Specifies the event name for moveCells.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxEvent.CELLS_MOVED"></a>CELLS_MOVED</h3><divclass=CBody><p>Specifies the event name for cellsMoved.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxEvent.RESIZE_CELLS"></a>RESIZE_CELLS</h3><divclass=CBody><p>Specifies the event name for resizeCells.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxEvent.CELLS_RESIZED"></a>CELLS_RESIZED</h3><divclass=CBody><p>Specifies the event name for cellsResized.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxEvent.TOGGLE_CELLS"></a>TOGGLE_CELLS</h3><divclass=CBody><p>Specifies the event name for toggleCells.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxEvent.CELLS_TOGGLED"></a>CELLS_TOGGLED</h3><divclass=CBody><p>Specifies the event name for cellsToggled.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxEvent.ORDER_CELLS"></a>ORDER_CELLS</h3><divclass=CBody><p>Specifies the event name for orderCells.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxEvent.CELLS_ORDERED"></a>CELLS_ORDERED</h3><divclass=CBody><p>Specifies the event name for cellsOrdered.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxEvent.REMOVE_CELLS"></a>REMOVE_CELLS</h3><divclass=CBody><p>Specifies the event name for removeCells.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxEvent.CELLS_REMOVED"></a>CELLS_REMOVED</h3><divclass=CBody><p>Specifies the event name for cellsRemoved.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxEvent.GROUP_CELLS"></a>GROUP_CELLS</h3><divclass=CBody><p>Specifies the event name for groupCells.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxEvent.UNGROUP_CELLS"></a>UNGROUP_CELLS</h3><divclass=CBody><p>Specifies the event name for ungroupCells.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxEvent.REMOVE_CELLS_FROM_PARENT"></a>REMOVE_CELLS_FROM_PARENT</h3><divclass=CBody><p>Specifies the event name for removeCellsFromParent.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxEvent.FOLD_CELLS"></a>FOLD_CELLS</h3><divclass=CBody><p>Specifies the event name for foldCells.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxEvent.CELLS_FOLDED"></a>CELLS_FOLDED</h3><divclass=CBody><p>Specifies the event name for cellsFolded.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxEvent.ALIGN_CELLS"></a>ALIGN_CELLS</h3><divclass=CBody><p>Specifies the event name for alignCells.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxEvent.LABEL_CHANGED"></a>LABEL_CHANGED</h3><divclass=CBody><p>Specifies the event name for labelChanged.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxEvent.CONNECT_CELL"></a>CONNECT_CELL</h3><divclass=CBody><p>Specifies the event name for connectCell.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxEvent.CELL_CONNECTED"></a>CELL_CONNECTED</h3><divclass=CBody><p>Specifies the event name for cellConnected.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxEvent.SPLIT_EDGE"></a>SPLIT_EDGE</h3><divclass=CBody><p>Specifies the event name for splitEdge.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxEvent.FLIP_EDGE"></a>FLIP_EDGE</h3><divclass=CBody><p>Specifies the event name for flipEdge.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxEvent.START_EDITING"></a>START_EDITING</h3><divclass=CBody><p>Specifies the event name for startEditing.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxEvent.ADD_OVERLAY"></a>ADD_OVERLAY</h3><divclass=CBody><p>Specifies the event name for addOverlay.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxEvent.REMOVE_OVERLAY"></a>REMOVE_OVERLAY</h3><divclass=CBody><p>Specifies the event name for removeOverlay.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxEvent.UPDATE_CELL_SIZE"></a>UPDATE_CELL_SIZE</h3><divclass=CBody><p>Specifies the event name for updateCellSize.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxEvent.ESCAPE"></a>ESCAPE</h3><divclass=CBody><p>Specifies the event name for escape.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxEvent.CLICK"></a>CLICK</h3><divclass=CBody><p>Specifies the event name for click.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxEvent.DOUBLE_CLICK"></a>DOUBLE_CLICK</h3><divclass=CBody><p>Specifies the event name for doubleClick.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxEvent.START"></a>START</h3><divclass=CBody><p>Specifies the event name for start.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxEvent.RESET"></a>RESET</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>RESET: 'reset' }</td></tr></table></blockquote><p>Specifies the event name for reset.</p></div></div></div>
<divclass=CToolTipid="tt1"><divclass=CFunction><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>addListener: function()</td></tr></table></blockquote>Binds the function to the specified event on the given element. </div></div><divclass=CToolTipid="tt2"><divclass=CFunction><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>removeListener: function()</td></tr></table></blockquote>Removes the specified listener from the given element.</div></div><divclass=CToolTipid="tt3"><divclass=CFunction><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>removeAllListeners: function(</td><tdclass=PParameternowrap>element</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote>Removes all listeners from the given element.</div></div><divclass=CToolTipid="tt4"><divclass=CFunction><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>addGestureListeners: function(</td><tdclass=PParameternowrap>node,</td></tr><tr><td></td><tdclass=PParameternowrap>startListener,</td></tr><tr><td></td><tdclass=PParameternowrap>moveListener,</td></tr><tr><td></td><tdclass=PParameternowrap>endListener</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote>Adds the given listeners to mousedown, mousemove, mouseup and the respective touch events if mxClient.IS_TOUCH is true.</div></div><divclass=CToolTipid="tt5"><divclass=CVariable>True if this device supports touchstart/-move/-end events (Apple iOS, Android and Chromebook).</div></div><divclass=CToolTipid="tt6"><divclass=CFunction><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>removeGestureListeners: function(</td><tdclass=PParameternowrap>node,</td></tr><tr><td></td><tdclass=PParameternowrap>startListener,</td></tr><tr><td></td><tdclass=PParameternowrap>moveListener,</td></tr><tr><td></td><tdclass=PParameternowrap>endListener</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote>Removes the given listeners from mousedown, mousemove, mouseup and the respective touch events if mxClient.IS_TOUCH is true.</div></div><divclass=CToolTipid="tt7"><divclass=CFunction><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>redirectMouseEvents: function(</td><tdclass=PParameternowrap>node,</td></tr><tr><td></td><tdclass=PParameternowrap>graph,</td></tr><tr><td></td><tdclass=PParameternowrap>state,</td></tr><tr><td></td><tdclass=PParameternowrap>down,</td></tr><tr><td></td><tdclass=PParameternowrap>move,</td></tr><tr><td></td><tdclass=PParameternowrap>up,</td></tr><tr><td></td><tdclass=PParameternowrap>dblClick</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote>Redirects the mouse events from the given DOM node to the graph dispatch loop using the event and given state as event arguments. </div></div><divclass=CToolTipid="tt8"><divclass=CFunction><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>release: function(</td><tdclass=PParameternowrap>element</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote>Removes the known listeners from the given DOM node and its descendants.</div></div><divclass=CToolTipid="tt9"><divclass=CFunction><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>disableContextMenu: function()</td></tr></table></blockquote>Disables