switch.js 수정 > click 이벤트 적용 및 이벤트 네이밍 제안

kimsQ · Aug 21, 2016 · 426d467 · 426d467
1 parent 6dfc91f
commit 426d467
Showing 1 changed file with 19 additions and 3 deletions.
diff --git a/js/switch.js b/js/switch.js
@@ -18,6 +18,9 @@
   var distanceX = false;
   var toggle    = false;
   var transformProperty = window.RATCHET.getBrowserCapabilities.transform;
+  var supportsTouch = false;
+  if ('ontouchstart' in window) supportsTouch = true; //iOS & android
+  else if(window.navigator.msPointerEnabled) supportsTouch = true; //Win8 
 
   var findToggle = function (target) {
     var i;
@@ -88,7 +91,8 @@
     toggle.classList[(distanceX > (toggleWidth / 2 - handleWidth / 2)) ? 'add' : 'remove']('active');
   });
 
-  window.addEventListener('touchend', function (e) {
+  function touchend(e){
+
     if (!toggle) {
       return;
     }
@@ -107,11 +111,23 @@
 
     toggle.classList[slideOn ? 'add' : 'remove']('active');
 
-    e = $.Event('checked.rc.switch', { relatedTarget: handle})
+    e = $.Event('changed.rc.switch', { relatedTarget: handle})
     $(toggle).trigger(e);
-
+   
     touchMove = false;
     toggle    = false;
+  }
+  window.addEventListener('touchend', function(e){
+     touchend(e);
   });
 
+ function mouseHandler(e)
+ {
+    e = e.originalEvent || e;
+    toggle = findToggle(e.target);
+    touchend(e);    
+ }
+
+ if(supportsTouch===false) window.addEventListener("click", mouseHandler, true);
+
 }(jQuery));