Listen to input event instead of keypress.

lab6_lifecycle/angularjs/controller.js

@@ -126,9 +126,7 @@ window.addEventListener('load', function() {
     chrome.storage.local.set({'newtodo': newTodoInput.value});
   };
   newTodoInput = document.querySelector('input[type="text"]');
-  newTodoInput.addEventListener('keypress' , function() {
-    saveTransientState();    
-  })
+  newTodoInput.addEventListener('input', saveTransientState);
 });
 
 

lab6_lifecycle/javascript/controller.js

@@ -278,9 +278,6 @@ window.addEventListener('DOMContentLoaded', function() {
     chrome.storage.local.set({'newtodo': newTodoInput.value});
   };
 
-  newTodoInput.addEventListener('keypress' , function() {
-    saveTransientState();    
-  })
-
+  newTodoInput.addEventListener('input', saveTransientState);
 });
 

lab7_useridentification/angularjs/controller.js

@@ -148,9 +148,7 @@ window.addEventListener('load', function() {
     chrome.storage.local.set({'newtodo': newTodoInput.value});
   };
   newTodoInput = document.querySelector('input[type="text"]');
-  newTodoInput.addEventListener('keypress' , function() {
-    saveTransientState();    
-  })
+  newTodoInput.addEventListener('input', saveTransientState);
 });
 
 

lab7_useridentification/javascript/controller.js

@@ -286,10 +286,7 @@ window.addEventListener('DOMContentLoaded', function() {
     chrome.storage.local.set({'newtodo': newTodoInput.value});
   };
 
-  newTodoInput.addEventListener('keypress' , function() {
-    saveTransientState();    
-  })
-
+  newTodoInput.addEventListener('input', saveTransientState);
 
 
   /**

lab8_webresources/angularjs/1_webview/controller.js

@@ -135,9 +135,7 @@ window.addEventListener('load', function() {
     chrome.storage.local.set({'newtodo': newTodoInput.value});
   };
   newTodoInput = document.querySelector('input[type="text"]');
-  newTodoInput.addEventListener('keypress' , function() {
-    saveTransientState();    
-  })
+  newTodoInput.addEventListener('input', saveTransientState);
 });
 
 

lab8_webresources/angularjs/2_loading_resources/controller.js

@@ -162,8 +162,6 @@ window.addEventListener('load', function() {
     chrome.storage.local.set({'newtodo': newTodoInput.value});
   };
   newTodoInput = document.querySelector('input[type="text"]');
-  newTodoInput.addEventListener('keypress' , function() {
-    saveTransientState();    
-  })
+  newTodoInput.addEventListener('input', saveTransientState);
 });
 

lab8_webresources/javascript/1_webview/controller.js

@@ -295,10 +295,6 @@ window.addEventListener('DOMContentLoaded', function() {
     chrome.storage.local.set({'newtodo': newTodoInput.value});
   };
 
-  newTodoInput.addEventListener('keypress' , function() {
-    saveTransientState();
-  })
-
-
+  newTodoInput.addEventListener('input', saveTransientState);
 });
 

lab8_webresources/javascript/2_loading_resources/controller.js

@@ -315,9 +315,7 @@ window.addEventListener('DOMContentLoaded', function() {
     chrome.storage.local.set({'newtodo': newTodoInput.value});
   };
 
-  newTodoInput.addEventListener('keypress' , function() {
-    saveTransientState();
-  })
+  newTodoInput.addEventListener('input', saveTransientState);
 
 
   /**

lab9_multipleviews/angularjs/controller.js

@@ -81,9 +81,7 @@ window.addEventListener('load', function() {
     chrome.storage.local.set({'newtodo': newTodoInput.value});
   };
   newTodoInput = document.querySelector('input[type="text"]');
-  newTodoInput.addEventListener('keypress' , function() {
-    saveTransientState();    
-  })
+  newTodoInput.addEventListener('input', saveTransientState);
 });
 
 

lab9_multipleviews/javascript/controller.js

@@ -242,10 +242,7 @@ window.addEventListener('DOMContentLoaded', function() {
     chrome.storage.local.set({'newtodo': newTodoInput.value});
   };
 
-  newTodoInput.addEventListener('keypress' , function() {
-    saveTransientState();    
-  })
-
+  newTodoInput.addEventListener('input', saveTransientState);
 
 
   /**