Handling PNaCl KeyboardInputEvent(s) in the key tester app.

remoting/tools/javascript_key_tester/main.js

Index: remoting/tools/javascript_key_tester/main.js
diff --git a/remoting/tools/javascript_key_tester/main.js b/remoting/tools/javascript_key_tester/main.js
index e777b48166945762201a344cdff73988519586bb..1747f849162371508be8fd4948c0aa19b5302108 100644
--- a/remoting/tools/javascript_key_tester/main.js
+++ b/remoting/tools/javascript_key_tester/main.js
@@ -3,17 +3,28 @@
  * found in the LICENSE file.
  */
 
+function handlePNaClMessage(message_event) {
+  var div = document.getElementById('pnacl-log');
+  div.innerHTML = message_event.data + "<br/>" + div.innerHTML;
+}
+
 function onLoad() {
-  var parentDiv = document.getElementById('key-log');
-  var chordTracker = new ChordTracker(parentDiv);
+  var javascriptLog = document.getElementById('javascript-log');
+  var chordTracker = new ChordTracker(javascriptLog);
   document.body.addEventListener(
       'keydown', chordTracker.addKeyEvent.bind(chordTracker), false);
   document.body.addEventListener(
       'keyup', chordTracker.addKeyEvent.bind(chordTracker), false);
   window.addEventListener(
       'blur', chordTracker.releaseAllKeys.bind(chordTracker), false);
-  document.getElementById('clear-log').addEventListener(
-      'click', function() { parentDiv.innerText = ''; }, false);
+  document.getElementById('clear-javascript-log').addEventListener(
+      'click', function() { javascriptLog.innerText = ''; }, false);
+
+  var pnaclLog = document.getElementById('pnacl-log');
+  document.getElementById('pnacl-listener').addEventListener(
+       'message', handlePNaClMessage, true);
+  document.getElementById('clear-pnacl-log').addEventListener(
+      'click', function() { pnaclLog.innerText = ''; }, false);
 }
 
 window.addEventListener('load', onLoad, false);