OLD | NEW |
1 <html> | 1 <html> |
2 <head> | 2 <head> |
3 <script> | 3 <script> |
4 | 4 |
5 var apiHandle; | 5 var apiHandle; |
6 var onnativesuggestioncalls = 0; | 6 var onnativesuggestioncalls = 0; |
7 var onsubmitcalls = 0; | 7 var onsubmitcalls = 0; |
8 var savedUserText = null; | 8 var savedUserText = null; |
9 var suggestionIndex = -1; | 9 var suggestionIndex = -1; |
10 var suggestions = ["result 1", "result 2", "result 3"]; | 10 var suggestions = ["result 1", "result 2", "result 3"]; |
(...skipping 43 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
54 apiHandle.setValue(savedUserText); | 54 apiHandle.setValue(savedUserText); |
55 } else { | 55 } else { |
56 apiHandle.setValue(suggestions[suggestionIndex]); | 56 apiHandle.setValue(suggestions[suggestionIndex]); |
57 } | 57 } |
58 } | 58 } |
59 } | 59 } |
60 | 60 |
61 function handleKeyPress(event) { | 61 function handleKeyPress(event) { |
62 var VKEY_UP = 0x26; | 62 var VKEY_UP = 0x26; |
63 var VKEY_DOWN = 0x28; | 63 var VKEY_DOWN = 0x28; |
| 64 var VKEY_ESCAPE = 0x1B; |
64 | 65 |
65 if (event.keyCode == VKEY_DOWN) { | 66 if (event.keyCode == VKEY_DOWN) { |
66 nextSuggestion(); | 67 nextSuggestion(); |
67 } else if (event.keyCode == VKEY_UP) { | 68 } else if (event.keyCode == VKEY_UP) { |
68 previousSuggestion(); | 69 previousSuggestion(); |
| 70 } else if (event.keyCode == VKEY_ESCAPE) { |
| 71 suggestionIndex = -1; |
69 } | 72 } |
70 } | 73 } |
71 | 74 |
72 function setUp() { | 75 function setUp() { |
73 apiHandle = getApiHandle(); | 76 apiHandle = getApiHandle(); |
74 apiHandle.onnativesuggestions = handleNativeSuggestions; | 77 apiHandle.onnativesuggestions = handleNativeSuggestions; |
75 apiHandle.onsubmit = handleSubmit; | 78 apiHandle.onsubmit = handleSubmit; |
76 apiHandle.onchange = handleOnChange; | 79 apiHandle.onchange = handleOnChange; |
77 apiHandle.onkeypress = handleKeyPress; | 80 apiHandle.onkeypress = handleKeyPress; |
78 if (apiHandle.value) { | 81 if (apiHandle.value) { |
79 handleNativeSuggestions(); | 82 handleNativeSuggestions(); |
80 handleOnChange(); | 83 handleOnChange(); |
81 } | 84 } |
82 } | 85 } |
83 | 86 |
84 setUp(); | 87 setUp(); |
85 | 88 |
86 </script> | 89 </script> |
87 </head> | 90 </head> |
88 <body> | 91 <body> |
89 <h1>Instant</h1> | 92 <h1>Instant</h1> |
90 </body> | 93 </body> |
91 </html> | 94 </html> |
OLD | NEW |