diff --git a/index.html b/index.html
index 7d262e7..1431ba9 100644
--- a/index.html
+++ b/index.html
@@ -111,6 +111,7 @@
           <input type="range" name="timeRange" min="1" max="360" value="0" oninput="this.form.timeInput.value=this.value" />
           <input type="number" name="timeInput" min="1" max="360" value="0" oninput="this.form.timeRange.value=this.value" />
         </label><br />
+        <button name="randomizeCyclesButton">Randomize Point Cycles</button><br />
         <label>Point tweening:
           <label><input type="radio" name="tweening" value="linear" /> Linear</label>
           <label><input type="radio" name="tweening" value="meandering" checked /> Meandering</label>
diff --git a/js/proximity.js b/js/proximity.js
index 8ab0e44..5cc4016 100644
--- a/js/proximity.js
+++ b/js/proximity.js
@@ -817,7 +817,7 @@ window.onload = function () {
 
     window.addEventListener('keydown', function (e) {
         var i;
-        if (e.target.tagName !== 'CANVAS' || e.target.tagName !== 'BODY') return;
+        if (e.target.tagName === 'INPUT') return;
         if (e.keyCode === 37) { // left
             pointShiftBiasX = -1;
         } else if (e.keyCode === 38) { // up
@@ -889,7 +889,7 @@ window.onload = function () {
         }
     });
 
-    /* BUTTON EVENTS */
+    /* BUTTON & INPUT EVENTS */
 
     document.getElementById('toggle-help').addEventListener('click', function () {
         toggleHelp();
@@ -912,6 +912,7 @@ window.onload = function () {
     timeInput.value = cycleDuration;
     timeInput.addEventListener('input', function (e) {
         var oldCycleDuration = cycleDuration;
+        if (this.value === '' || this.value === '0') return;
         cycleDuration = parseInt(this.value, 10);
         polygonPoints = redistributeCycles(polygonPoints, oldCycleDuration, cycleDuration);
     });