ime-keydown-preventdefault.html 862 B

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