<h2>Element Events</h2>
<table style="border:1px solid black;">
<tr>
<td> onClick(<em>[object options]</em>) { |left, top, e| … } </td>
<td> → </td>
<td> Event </td>
<td> Creates a ‘Click’ event handler. Left (x) and Top (y) coordinates of the mouse cursor position is passed. </td>
</tr>
<tr>
<td> onContextMenu(<em>[object options]</em>) { |left, top, e| … } </td>
<td> → </td>
<td> Event </td>
<td> Creates a ‘ContextMenu’ event handler. Left (x) and Top (y) coordinates of the mouse cursor position is passed. </td>
</tr>
<tr>
<td> onMouseDown(<em>[object options]</em>) { |left, top, e| … } </td>
<td> → </td>
<td> Event </td>
<td> Creates a ‘MouseDown’ event handler. Left (x) and Top (y) coordinates of the mouse cursor position is passed. </td>
</tr>
<tr>
<td> onMouseMove(<em>[object options]</em>) { |left, top, e| … } </td>
<td> → </td>
<td> Event </td>
<td> Creates a ‘MouseMove’ event handler. Left (x) and Top (y) coordinates of the mouse cursor position is passed. </td>
</tr>
<tr>
<td> onMouseUp(<em>[object options]</em>) { |left, top, e| … } </td>
<td> → </td>
<td> Event </td>
<td> Creates a ‘MoseUp’ event handler. Left (x) and Top (y) coordinates of the mouse cursor position is passed. </td>
</tr>
<tr>
<td> onMouseOut(<em>[object options]</em>) { |e| … } </td>
<td> → </td>
<td> Event </td>
<td> Creates a ‘MouseOut’ event handler. </td>
</tr>
<tr>
<td> onMouseOver(<em>[object options]</em>) { |e| … } </td>
<td> → </td>
<td> Event </td>
<td> Creates a ‘MouseOver’ event handler. </td>
</tr>
</table>
<h2>Slot Events</h2>
<p>Slots have all Element event methods and the following additional event methods:</p>
<table style="border:1px solid black;">
<tr>
<td> onKeyDown(<em>[object options]</em>) { |key, e| … } </td>
<td> → </td>
<td> Event </td>
<td> Creates a ‘KeyDown’ event handler. A string representing the key is passed. </td>
</tr>
<tr>
<td> onKeyUp(<em>[object options]</em>) { |key, e| … } </td>
<td> → </td>
<td> Event </td>
<td> Creates a ‘KeyUp’ event handler. A string representing the key is passed. </td>
</tr>
<tr>
<td> onResize(<em>[object options]</em>) { |e| … } </td>
<td> → </td>
<td> Event </td>
<td> Creates a ‘Resize’ event handler. </td>
</tr>
<tr>
<td> onScroll(<em>[object options]</em>) { |e| … } </td>
<td> → </td>
<td> Event </td>
<td> Creates a ‘Scroll’ event handler. </td>
</tr>
</table>
<h2>Control Events</h2>
<p>Controls have all Element event methods and the following additional event methods:</p>
<table style="border:1px solid black;">
<tr>
<td> onKeyDown(<em>[object options]</em>) { |key, e| … } </td>
<td> → </td>
<td> Event </td>
<td> Creates a ‘KeyDown’ event handler. A string representing the key is passed. </td>
</tr>
<tr>
<td> onKeyUp(<em>[object options]</em>) { |key, e| … } </td>
<td> → </td>
<td> Event </td>
<td> Creates a ‘KeyUp’ event handler. A string representing the key is passed. </td>
</tr>
</table>
<h2>Options</h2>
<table style="border:1px solid black;">
<tr>
<td> preventDefault </td>
<td> boolean </td>
<td> Prevents default event actions. </td>
</tr>
<tr>
<td> stopPropagation </td>
<td> boolean </td>
<td> Stops further propagation of the event. </td>
</tr>
</table>
<h3>Example</h3>
<p><code>onClick({stopPropagation: true, preventDefault: true}) { ... }</code></p>
2009-11-25T11:13:09-08:00
185558
events
76744
Events
2009-04-24T05:44:51-07:00
30173