1 files changed, 12 insertions, 5 deletions
diff --git a/js/record.js b/js/record.js
index 7e4f0f5..143891c 100644
--- a/js/record.js
+++ b/js/record.js
@@ -43,13 +43,20 @@
     curtain.addEventListener("mousedown", box_start, false)
     curtain.addEventListener("mousemove", box_size, false)
     curtain.addEventListener("mouseup", box_end, false)
-    w_el.addEventListener("keyup", box_position, false)
-    h_el.addEventListener("keyup", box_position, false)
-    x_el.addEventListener("keyup", box_position, false)
-    y_el.addEventListener("keyup", box_position, false)
+    w_el.addEventListener("change", box_position, false)
+    h_el.addEventListener("change", box_position, false)
+    x_el.addEventListener("change", box_position, false)
+    y_el.addEventListener("change", box_position, false)
     outline.style.display = "none"
     controls.style.display = "block"
   }
+  function defer(callback){
+    var timeout = null
+    return function(){
+      clearTimeout(timeout)
+      timeout = setTimeout(callback, 300)
+    }
+  }
   function box_start(e){
     e.stopPropagation()
     x = e.pageX
@@ -77,6 +84,7 @@
     outline.style.width = px(w)
     outline.style.height = px(h)
     outline.style.display = "block"
+    enable("record")
   }
   function box_size(e){
     if (! dragging) return
@@ -89,7 +97,6 @@
     e.preventDefault()
     dragging = false
     controls.style.display = "block"
-    enable("record")
     document.getElementById("record").focus()
   }
   function _int(el){ return parseInt(el.value) }