org.symbian.tools.wrttools.doc.WebDeveloper/html/GUID-5277B7B8-722A-48ED-9333-4DD2D6A085C0.html
changeset 229 716254ccbcc0
equal deleted inserted replaced
228:913c9751c067 229:716254ccbcc0
       
     1 
       
     2 <!DOCTYPE html
       
     3   PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
       
     4 <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">
       
     5       function initPage() {}
       
     6     </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>
       
     7 <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>&lt;textarea&gt;</code> or <code>&lt;input type="text"&gt;</code> tag.</p></div>
       
     8 <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>
       
     9 <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>
       
    10 
       
    11 
       
    12 <thead align="left">
       
    13 <tr class="title ">
       
    14 <th class="cellrowborder" valign="top" width="35.13513513513513%" id="d0e4208"><p>Key</p></th>
       
    15 <th class="cellrowborder" valign="top" width="21.375921375921376%" id="d0e4212"><p>Key press</p></th>
       
    16 <th class="cellrowborder" valign="top" width="22.358722358722357%" id="d0e4216"><p>Key down</p></th>
       
    17 <th class="cellrowborder" valign="top" width="21.130221130221127%" id="d0e4220"><p>Key up</p></th>
       
    18 </tr>
       
    19 </thead>
       
    20 <tbody>
       
    21 <tr class="">
       
    22 <td class="cellrowborder" valign="top" width="35.13513513513513%" headers="d0e4208 "><p>0</p></td>
       
    23 <td class="cellrowborder" valign="top" width="21.375921375921376%" headers="d0e4212 "><p>48/48</p></td>
       
    24 <td class="cellrowborder" valign="top" width="22.358722358722357%" headers="d0e4216 "><p>48/48</p></td>
       
    25 <td class="cellrowborder" valign="top" width="21.130221130221127%" headers="d0e4220 "><p>48/48</p></td>
       
    26 </tr>
       
    27 <tr class="bg ">
       
    28 <td class="cellrowborder" valign="top" width="35.13513513513513%" headers="d0e4208 "><p>1</p></td>
       
    29 <td class="cellrowborder" valign="top" width="21.375921375921376%" headers="d0e4212 "><p>49/49</p></td>
       
    30 <td class="cellrowborder" valign="top" width="22.358722358722357%" headers="d0e4216 "><p>49/49</p></td>
       
    31 <td class="cellrowborder" valign="top" width="21.130221130221127%" headers="d0e4220 "><p>49/49</p></td>
       
    32 </tr>
       
    33 <tr class="">
       
    34 <td class="cellrowborder" valign="top" width="35.13513513513513%" headers="d0e4208 "><p>2</p></td>
       
    35 <td class="cellrowborder" valign="top" width="21.375921375921376%" headers="d0e4212 "><p>50/50</p></td>
       
    36 <td class="cellrowborder" valign="top" width="22.358722358722357%" headers="d0e4216 "><p>50/50</p></td>
       
    37 <td class="cellrowborder" valign="top" width="21.130221130221127%" headers="d0e4220 "><p>50/50</p></td>
       
    38 </tr>
       
    39 <tr class="bg ">
       
    40 <td class="cellrowborder" valign="top" width="35.13513513513513%" headers="d0e4208 "><p>3</p></td>
       
    41 <td class="cellrowborder" valign="top" width="21.375921375921376%" headers="d0e4212 "><p>51/51</p></td>
       
    42 <td class="cellrowborder" valign="top" width="22.358722358722357%" headers="d0e4216 "><p>51/51</p></td>
       
    43 <td class="cellrowborder" valign="top" width="21.130221130221127%" headers="d0e4220 "><p>51/51</p></td>
       
    44 </tr>
       
    45 <tr class="">
       
    46 <td class="cellrowborder" valign="top" width="35.13513513513513%" headers="d0e4208 "><p>4</p></td>
       
    47 <td class="cellrowborder" valign="top" width="21.375921375921376%" headers="d0e4212 "><p>52/52</p></td>
       
    48 <td class="cellrowborder" valign="top" width="22.358722358722357%" headers="d0e4216 "><p>52/52</p></td>
       
    49 <td class="cellrowborder" valign="top" width="21.130221130221127%" headers="d0e4220 "><p>52/52</p></td>
       
    50 </tr>
       
    51 <tr class="bg ">
       
    52 <td class="cellrowborder" valign="top" width="35.13513513513513%" headers="d0e4208 "><p>5</p></td>
       
    53 <td class="cellrowborder" valign="top" width="21.375921375921376%" headers="d0e4212 "><p>53/53</p></td>
       
    54 <td class="cellrowborder" valign="top" width="22.358722358722357%" headers="d0e4216 "><p>53/53</p></td>
       
    55 <td class="cellrowborder" valign="top" width="21.130221130221127%" headers="d0e4220 "><p>53/53</p></td>
       
    56 </tr>
       
    57 <tr class="">
       
    58 <td class="cellrowborder" valign="top" width="35.13513513513513%" headers="d0e4208 "><p>6</p></td>
       
    59 <td class="cellrowborder" valign="top" width="21.375921375921376%" headers="d0e4212 "><p>54/54</p></td>
       
    60 <td class="cellrowborder" valign="top" width="22.358722358722357%" headers="d0e4216 "><p>54/54</p></td>
       
    61 <td class="cellrowborder" valign="top" width="21.130221130221127%" headers="d0e4220 "><p>54/54</p></td>
       
    62 </tr>
       
    63 <tr class="bg ">
       
    64 <td class="cellrowborder" valign="top" width="35.13513513513513%" headers="d0e4208 "><p>7</p></td>
       
    65 <td class="cellrowborder" valign="top" width="21.375921375921376%" headers="d0e4212 "><p>55/55</p></td>
       
    66 <td class="cellrowborder" valign="top" width="22.358722358722357%" headers="d0e4216 "><p>55/55</p></td>
       
    67 <td class="cellrowborder" valign="top" width="21.130221130221127%" headers="d0e4220 "><p>55/55</p></td>
       
    68 </tr>
       
    69 <tr class="">
       
    70 <td class="cellrowborder" valign="top" width="35.13513513513513%" headers="d0e4208 "><p>8</p></td>
       
    71 <td class="cellrowborder" valign="top" width="21.375921375921376%" headers="d0e4212 "><p>56/56</p></td>
       
    72 <td class="cellrowborder" valign="top" width="22.358722358722357%" headers="d0e4216 "><p>56/56</p></td>
       
    73 <td class="cellrowborder" valign="top" width="21.130221130221127%" headers="d0e4220 "><p>56/56</p></td>
       
    74 </tr>
       
    75 <tr class="bg ">
       
    76 <td class="cellrowborder" valign="top" width="35.13513513513513%" headers="d0e4208 "><p>9</p></td>
       
    77 <td class="cellrowborder" valign="top" width="21.375921375921376%" headers="d0e4212 "><p>57/57</p></td>
       
    78 <td class="cellrowborder" valign="top" width="22.358722358722357%" headers="d0e4216 "><p>57/57</p></td>
       
    79 <td class="cellrowborder" valign="top" width="21.130221130221127%" headers="d0e4220 "><p>57/57</p></td>
       
    80 </tr>
       
    81 <tr class="">
       
    82 <td class="cellrowborder" valign="top" width="35.13513513513513%" headers="d0e4208 "><p>*</p></td>
       
    83 <td class="cellrowborder" valign="top" width="21.375921375921376%" headers="d0e4212 "><p>56/42</p></td>
       
    84 <td class="cellrowborder" valign="top" width="22.358722358722357%" headers="d0e4216 "><p>42/42</p></td>
       
    85 <td class="cellrowborder" valign="top" width="21.130221130221127%" headers="d0e4220 "><p>56/42</p></td>
       
    86 </tr>
       
    87 <tr class="bg ">
       
    88 <td class="cellrowborder" valign="top" width="35.13513513513513%" headers="d0e4208 "><p>#</p></td>
       
    89 <td class="cellrowborder" valign="top" width="21.375921375921376%" headers="d0e4212 "><p>51/35</p></td>
       
    90 <td class="cellrowborder" valign="top" width="22.358722358722357%" headers="d0e4216 "><p>35/35</p></td>
       
    91 <td class="cellrowborder" valign="top" width="21.130221130221127%" headers="d0e4220 "><p>51/35</p></td>
       
    92 </tr>
       
    93 <tr class="">
       
    94 <td class="cellrowborder" valign="top" width="35.13513513513513%" headers="d0e4208 "><p>C (del)</p></td>
       
    95 <td class="cellrowborder" valign="top" width="21.375921375921376%" headers="d0e4212 "><p>8/8</p></td>
       
    96 <td class="cellrowborder" valign="top" width="22.358722358722357%" headers="d0e4216 "><p>8/8</p></td>
       
    97 <td class="cellrowborder" valign="top" width="21.130221130221127%" headers="d0e4220 "><p>8/8</p></td>
       
    98 </tr>
       
    99 <tr class="bg ">
       
   100 <td class="cellrowborder" valign="top" width="35.13513513513513%" headers="d0e4208 "><p>Call creation key (green)</p></td>
       
   101 <td class="cellrowborder" valign="top" width="21.375921375921376%" headers="d0e4212 "><p>0/63586</p></td>
       
   102 <td class="cellrowborder" valign="top" width="22.358722358722357%" headers="d0e4216 "><p>63586/63586</p></td>
       
   103 <td class="cellrowborder" valign="top" width="21.130221130221127%" headers="d0e4220 "><p>0/63586</p></td>
       
   104 </tr>
       
   105 <tr class="">
       
   106 <td class="cellrowborder" valign="top" width="35.13513513513513%" headers="d0e4208 "><p>Center</p></td>
       
   107 <td class="cellrowborder" valign="top" width="21.375921375921376%" headers="d0e4212 "><p>0/63557</p></td>
       
   108 <td class="cellrowborder" valign="top" width="22.358722358722357%" headers="d0e4216 "><p>63557/63557</p></td>
       
   109 <td class="cellrowborder" valign="top" width="21.130221130221127%" headers="d0e4220 "><p>n/a</p></td>
       
   110 </tr>
       
   111 <tr class="bg ">
       
   112 <td class="cellrowborder" valign="top" width="35.13513513513513%" headers="d0e4208 "><p>Left</p></td>
       
   113 <td class="cellrowborder" valign="top" width="21.375921375921376%" headers="d0e4212 "><p>37/63495</p></td>
       
   114 <td class="cellrowborder" valign="top" width="22.358722358722357%" headers="d0e4216 "><p>63495/63495</p></td>
       
   115 <td class="cellrowborder" valign="top" width="21.130221130221127%" headers="d0e4220 "><p>n/a</p></td>
       
   116 </tr>
       
   117 <tr class="">
       
   118 <td class="cellrowborder" valign="top" width="35.13513513513513%" headers="d0e4208 "><p>Up</p></td>
       
   119 <td class="cellrowborder" valign="top" width="21.375921375921376%" headers="d0e4212 "><p>38/63497</p></td>
       
   120 <td class="cellrowborder" valign="top" width="22.358722358722357%" headers="d0e4216 "><p>63497/63497</p></td>
       
   121 <td class="cellrowborder" valign="top" width="21.130221130221127%" headers="d0e4220 "><p>n/a</p></td>
       
   122 </tr>
       
   123 <tr class="bg ">
       
   124 <td class="cellrowborder" valign="top" width="35.13513513513513%" headers="d0e4208 "><p>Right</p></td>
       
   125 <td class="cellrowborder" valign="top" width="21.375921375921376%" headers="d0e4212 "><p>39/63496</p></td>
       
   126 <td class="cellrowborder" valign="top" width="22.358722358722357%" headers="d0e4216 "><p>63496/63496</p></td>
       
   127 <td class="cellrowborder" valign="top" width="21.130221130221127%" headers="d0e4220 "><p>n/a</p></td>
       
   128 </tr>
       
   129 <tr class="">
       
   130 <td class="cellrowborder" valign="top" width="35.13513513513513%" headers="d0e4208 "><p>Down</p></td>
       
   131 <td class="cellrowborder" valign="top" width="21.375921375921376%" headers="d0e4212 "><p>40/63498</p></td>
       
   132 <td class="cellrowborder" valign="top" width="22.358722358722357%" headers="d0e4216 "><p>63498/63498</p></td>
       
   133 <td class="cellrowborder" valign="top" width="21.130221130221127%" headers="d0e4220 "><p>n/a</p></td>
       
   134 </tr>
       
   135 </tbody>
       
   136 </table></div></div></div></div><div class="footer"><hr/><div class="copy">© Nokia 2009.</div></div></body></html>