equal
deleted
inserted
replaced
|
1 <html> |
|
2 <body> |
|
3 <p>Typing in the input fields below should not generate text, even with an IME enabled.</p> |
|
4 |
|
5 Type into the input: |
|
6 <input type=text id='input'></input><br> |
|
7 <div id='out' style="float: right"></div> |
|
8 Or the text area: |
|
9 <textarea id='area'></textarea><br> |
|
10 Or the contentEditable area: |
|
11 <div contentEditable id='ce' style="border:1px solid red; height:300px; width:300px;"></div> |
|
12 <script> |
|
13 var input = document.getElementById('input'); |
|
14 var area = document.getElementById('area'); |
|
15 var ce = document.getElementById('ce'); |
|
16 |
|
17 var handleKeyDown = function(e) { |
|
18 document.getElementById('out').innerHTML += "<br>Got a key event -- cancelling"; |
|
19 e.preventDefault(); |
|
20 } |
|
21 |
|
22 input.addEventListener('keydown', handleKeyDown, false); |
|
23 area.addEventListener('keydown', handleKeyDown, false); |
|
24 ce.addEventListener('keydown', handleKeyDown, false); |
|
25 </script> |
|
26 </body> |
|
27 </html> |