Merge pull request #183 from phy25/patch-1

Add keyboard support with file button
LPology · Mar 14, 2017 · 0c68f86 · 0c68f86
2 parents cddfbcc + 5e92f84
commit 0c68f86
Showing 1 changed file with 17 additions and 4 deletions.
diff --git a/SimpleAjaxUploader.js b/SimpleAjaxUploader.js
@@ -1039,11 +1039,9 @@ ss.SimpleUpload.prototype = {
     rerouteClicks: function( elem ) {
         "use strict";
 
-        var self = this;
+        var self = this, detachOver, detachClick;
 
-        // ss.addEvent() returns a function to detach, which
-        // allows us to call elem.off() to remove mouseover listener
-        elem.off = ss.addEvent( elem, 'mouseover', function() {
+        detachOver = ss.addEvent( elem, 'mouseover', function() {
             if ( self._disabled ) {
                 return;
             }
@@ -1056,6 +1054,21 @@ ss.SimpleUpload.prototype = {
             ss.copyLayout( elem, self._input.parentNode );
             self._input.parentNode.style.visibility = 'visible';
         });
+
+        // Support keyboard interaction
+        detachClick = ss.addEvent( elem, 'click', function( e ){
+            e.preventDefault();
+
+            if ( !self._input ) {
+                self._createInput();
+            }
+            self._overBtn = elem;
+            self._input.click();
+        });
+
+        // ss.addEvent() returns a function to detach, which
+        // allows us to call elem.off() to remove mouseover listener
+        elem.off = function(){detachOver();detachClick();};
 
         if ( self._opts.autoCalibrate && !ss.isVisible( elem ) ) {
             self.log('Upload button not visible');