org.symbian.tools.wrttools.doc.WebDeveloper/html/GUID-5277B7B8-722A-48ED-9333-4DD2D6A085C0.html
<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/><meta name="copyright" content="(C) Copyright 2009"/><meta name="DC.rights.owner" content="(C) Copyright 2009"/><meta name="DC.Type" content="concept"/><meta name="DC.Title" content="Key event codes supported by WRT"/><meta name="abstract" content="The key event codes that are supported in WRT differ from those used in some browser and widget environments. You need to know the supported key event codes to be able to handle user input correctly."/><meta name="description" content="The key event codes that are supported in WRT differ from those used in some browser and widget environments. You need to know the supported key event codes to be able to handle user input correctly."/><meta name="DC.Relation" scheme="URI" content="GUID-83BFFEB2-D4F5-48DF-830A-602961ACD47A"/><meta name="DC.Relation" scheme="URI" content="GUID-10F0126C-79CA-47BA-B7CA-53A866EFE04B"/><meta name="DC.Relation" scheme="URI" content="GUID-D54DEFE7-E878-4530-B707-A5388DFE1D9D"/><meta name="DC.Relation" scheme="URI" content="GUID-C359CC7E-B8BA-491B-A0C4-0FF1D3C4110C"/><meta name="DC.Format" content="XHTML"/><meta name="DC.Identifier" content="GUID-5277B7B8-722A-48ED-9333-4DD2D6A085C0"/><meta name="DC.Language" content="en"/><title>Key event codes supported by WRT </title><script type="text/javascript">
function initPage() {}
</script><link href="../PRODUCT_PLUGIN/book.css" rel="stylesheet" type="text/css"/><link href="css/s60/style.css" rel="stylesheet" type="text/css" media="all"/></head><body onload="initPage();"><div class="body"><div class="contentLeft prTxt"><h1 class="pageHeading" id="GUID-5277B7B8-722A-48ED-9333-4DD2D6A085C0">Key event codes supported by WRT</h1><div><p>The key event codes that are supported in WRT differ from those used in some browser and widget environments. You need to know the supported key event codes to be able to handle user input correctly.</p>
<div class="note"><p><strong class="note_title">Note: </strong>You do not need to know the key event codes when you use the <code><textarea></code> or <code><input type="text"></code> tag.</p></div>
<p>The following table lists the key event codes that are used in the WRT environment. The code is given in the format <code>event.keyCode</code>/<code>event.charCode</code>. The call termination key is not included in the list, as it only exits the widget. Note that the codes for key press, key down and key up events vary for other than numeric keys.</p>
<div class="tablenoborder"><a name="GUID-D0882ECC-D76E-4990-889D-5A71FDBC8D27"><!----></a><table cellpadding="4" cellspacing="0" summary="" id="GUID-D0882ECC-D76E-4990-889D-5A71FDBC8D27" frame="border" border="1" rules="all"><caption><strong>Table: </strong>Key event codes</caption>
<thead align="left">
<tr class="title ">
<th class="cellrowborder" valign="top" width="35.13513513513513%" id="d0e4208"><p>Key</p></th>
<th class="cellrowborder" valign="top" width="21.375921375921376%" id="d0e4212"><p>Key press</p></th>
<th class="cellrowborder" valign="top" width="22.358722358722357%" id="d0e4216"><p>Key down</p></th>
<th class="cellrowborder" valign="top" width="21.130221130221127%" id="d0e4220"><p>Key up</p></th>
</tr>
</thead>
<tbody>
<tr class="">
<td class="cellrowborder" valign="top" width="35.13513513513513%" headers="d0e4208 "><p>0</p></td>
<td class="cellrowborder" valign="top" width="21.375921375921376%" headers="d0e4212 "><p>48/48</p></td>
<td class="cellrowborder" valign="top" width="22.358722358722357%" headers="d0e4216 "><p>48/48</p></td>
<td class="cellrowborder" valign="top" width="21.130221130221127%" headers="d0e4220 "><p>48/48</p></td>
</tr>
<tr class="bg ">
<td class="cellrowborder" valign="top" width="35.13513513513513%" headers="d0e4208 "><p>1</p></td>
<td class="cellrowborder" valign="top" width="21.375921375921376%" headers="d0e4212 "><p>49/49</p></td>
<td class="cellrowborder" valign="top" width="22.358722358722357%" headers="d0e4216 "><p>49/49</p></td>
<td class="cellrowborder" valign="top" width="21.130221130221127%" headers="d0e4220 "><p>49/49</p></td>
</tr>
<tr class="">
<td class="cellrowborder" valign="top" width="35.13513513513513%" headers="d0e4208 "><p>2</p></td>
<td class="cellrowborder" valign="top" width="21.375921375921376%" headers="d0e4212 "><p>50/50</p></td>
<td class="cellrowborder" valign="top" width="22.358722358722357%" headers="d0e4216 "><p>50/50</p></td>
<td class="cellrowborder" valign="top" width="21.130221130221127%" headers="d0e4220 "><p>50/50</p></td>
</tr>
<tr class="bg ">
<td class="cellrowborder" valign="top" width="35.13513513513513%" headers="d0e4208 "><p>3</p></td>
<td class="cellrowborder" valign="top" width="21.375921375921376%" headers="d0e4212 "><p>51/51</p></td>
<td class="cellrowborder" valign="top" width="22.358722358722357%" headers="d0e4216 "><p>51/51</p></td>
<td class="cellrowborder" valign="top" width="21.130221130221127%" headers="d0e4220 "><p>51/51</p></td>
</tr>
<tr class="">
<td class="cellrowborder" valign="top" width="35.13513513513513%" headers="d0e4208 "><p>4</p></td>
<td class="cellrowborder" valign="top" width="21.375921375921376%" headers="d0e4212 "><p>52/52</p></td>
<td class="cellrowborder" valign="top" width="22.358722358722357%" headers="d0e4216 "><p>52/52</p></td>
<td class="cellrowborder" valign="top" width="21.130221130221127%" headers="d0e4220 "><p>52/52</p></td>
</tr>
<tr class="bg ">
<td class="cellrowborder" valign="top" width="35.13513513513513%" headers="d0e4208 "><p>5</p></td>
<td class="cellrowborder" valign="top" width="21.375921375921376%" headers="d0e4212 "><p>53/53</p></td>
<td class="cellrowborder" valign="top" width="22.358722358722357%" headers="d0e4216 "><p>53/53</p></td>
<td class="cellrowborder" valign="top" width="21.130221130221127%" headers="d0e4220 "><p>53/53</p></td>
</tr>
<tr class="">
<td class="cellrowborder" valign="top" width="35.13513513513513%" headers="d0e4208 "><p>6</p></td>
<td class="cellrowborder" valign="top" width="21.375921375921376%" headers="d0e4212 "><p>54/54</p></td>
<td class="cellrowborder" valign="top" width="22.358722358722357%" headers="d0e4216 "><p>54/54</p></td>
<td class="cellrowborder" valign="top" width="21.130221130221127%" headers="d0e4220 "><p>54/54</p></td>
</tr>
<tr class="bg ">
<td class="cellrowborder" valign="top" width="35.13513513513513%" headers="d0e4208 "><p>7</p></td>
<td class="cellrowborder" valign="top" width="21.375921375921376%" headers="d0e4212 "><p>55/55</p></td>
<td class="cellrowborder" valign="top" width="22.358722358722357%" headers="d0e4216 "><p>55/55</p></td>
<td class="cellrowborder" valign="top" width="21.130221130221127%" headers="d0e4220 "><p>55/55</p></td>
</tr>
<tr class="">
<td class="cellrowborder" valign="top" width="35.13513513513513%" headers="d0e4208 "><p>8</p></td>
<td class="cellrowborder" valign="top" width="21.375921375921376%" headers="d0e4212 "><p>56/56</p></td>
<td class="cellrowborder" valign="top" width="22.358722358722357%" headers="d0e4216 "><p>56/56</p></td>
<td class="cellrowborder" valign="top" width="21.130221130221127%" headers="d0e4220 "><p>56/56</p></td>
</tr>
<tr class="bg ">
<td class="cellrowborder" valign="top" width="35.13513513513513%" headers="d0e4208 "><p>9</p></td>
<td class="cellrowborder" valign="top" width="21.375921375921376%" headers="d0e4212 "><p>57/57</p></td>
<td class="cellrowborder" valign="top" width="22.358722358722357%" headers="d0e4216 "><p>57/57</p></td>
<td class="cellrowborder" valign="top" width="21.130221130221127%" headers="d0e4220 "><p>57/57</p></td>
</tr>
<tr class="">
<td class="cellrowborder" valign="top" width="35.13513513513513%" headers="d0e4208 "><p>*</p></td>
<td class="cellrowborder" valign="top" width="21.375921375921376%" headers="d0e4212 "><p>56/42</p></td>
<td class="cellrowborder" valign="top" width="22.358722358722357%" headers="d0e4216 "><p>42/42</p></td>
<td class="cellrowborder" valign="top" width="21.130221130221127%" headers="d0e4220 "><p>56/42</p></td>
</tr>
<tr class="bg ">
<td class="cellrowborder" valign="top" width="35.13513513513513%" headers="d0e4208 "><p>#</p></td>
<td class="cellrowborder" valign="top" width="21.375921375921376%" headers="d0e4212 "><p>51/35</p></td>
<td class="cellrowborder" valign="top" width="22.358722358722357%" headers="d0e4216 "><p>35/35</p></td>
<td class="cellrowborder" valign="top" width="21.130221130221127%" headers="d0e4220 "><p>51/35</p></td>
</tr>
<tr class="">
<td class="cellrowborder" valign="top" width="35.13513513513513%" headers="d0e4208 "><p>C (del)</p></td>
<td class="cellrowborder" valign="top" width="21.375921375921376%" headers="d0e4212 "><p>8/8</p></td>
<td class="cellrowborder" valign="top" width="22.358722358722357%" headers="d0e4216 "><p>8/8</p></td>
<td class="cellrowborder" valign="top" width="21.130221130221127%" headers="d0e4220 "><p>8/8</p></td>
</tr>
<tr class="bg ">
<td class="cellrowborder" valign="top" width="35.13513513513513%" headers="d0e4208 "><p>Call creation key (green)</p></td>
<td class="cellrowborder" valign="top" width="21.375921375921376%" headers="d0e4212 "><p>0/63586</p></td>
<td class="cellrowborder" valign="top" width="22.358722358722357%" headers="d0e4216 "><p>63586/63586</p></td>
<td class="cellrowborder" valign="top" width="21.130221130221127%" headers="d0e4220 "><p>0/63586</p></td>
</tr>
<tr class="">
<td class="cellrowborder" valign="top" width="35.13513513513513%" headers="d0e4208 "><p>Center</p></td>
<td class="cellrowborder" valign="top" width="21.375921375921376%" headers="d0e4212 "><p>0/63557</p></td>
<td class="cellrowborder" valign="top" width="22.358722358722357%" headers="d0e4216 "><p>63557/63557</p></td>
<td class="cellrowborder" valign="top" width="21.130221130221127%" headers="d0e4220 "><p>n/a</p></td>
</tr>
<tr class="bg ">
<td class="cellrowborder" valign="top" width="35.13513513513513%" headers="d0e4208 "><p>Left</p></td>
<td class="cellrowborder" valign="top" width="21.375921375921376%" headers="d0e4212 "><p>37/63495</p></td>
<td class="cellrowborder" valign="top" width="22.358722358722357%" headers="d0e4216 "><p>63495/63495</p></td>
<td class="cellrowborder" valign="top" width="21.130221130221127%" headers="d0e4220 "><p>n/a</p></td>
</tr>
<tr class="">
<td class="cellrowborder" valign="top" width="35.13513513513513%" headers="d0e4208 "><p>Up</p></td>
<td class="cellrowborder" valign="top" width="21.375921375921376%" headers="d0e4212 "><p>38/63497</p></td>
<td class="cellrowborder" valign="top" width="22.358722358722357%" headers="d0e4216 "><p>63497/63497</p></td>
<td class="cellrowborder" valign="top" width="21.130221130221127%" headers="d0e4220 "><p>n/a</p></td>
</tr>
<tr class="bg ">
<td class="cellrowborder" valign="top" width="35.13513513513513%" headers="d0e4208 "><p>Right</p></td>
<td class="cellrowborder" valign="top" width="21.375921375921376%" headers="d0e4212 "><p>39/63496</p></td>
<td class="cellrowborder" valign="top" width="22.358722358722357%" headers="d0e4216 "><p>63496/63496</p></td>
<td class="cellrowborder" valign="top" width="21.130221130221127%" headers="d0e4220 "><p>n/a</p></td>
</tr>
<tr class="">
<td class="cellrowborder" valign="top" width="35.13513513513513%" headers="d0e4208 "><p>Down</p></td>
<td class="cellrowborder" valign="top" width="21.375921375921376%" headers="d0e4212 "><p>40/63498</p></td>
<td class="cellrowborder" valign="top" width="22.358722358722357%" headers="d0e4216 "><p>63498/63498</p></td>
<td class="cellrowborder" valign="top" width="21.130221130221127%" headers="d0e4220 "><p>n/a</p></td>
</tr>
</tbody>
</table></div></div></div></div><div class="footer"><hr/><div class="copy">© Nokia 2009.</div></div></body></html>