move stuff to js/utils

2025-11-07 06:57:02 +08:00 · 2013-10-01 10:45:20 -05:00
parent 7386f3f468
commit a0a720988d
9 changed files with 166 additions and 167 deletions
--- a/js/utils/events.js
+++ b/js/utils/events.js
@ -0,0 +1,110 @@
+/**
+ * ion-events.js
+ *
+ * Author: Max Lynch <max@drifty.com>
+ *
+ * Framework events handles various mobile browser events, and 
+ * detects special events like tap/swipe/etc. and emits them
+ * as custom events that can be used in an app.
+ *
+ * Portions lovingly adapted from github.com/maker/ratchet and github.com/alexgibson/tap.js - thanks guys!
+ */
+
+(function(ionic) {
+  ionic.EventController = {
+    VIRTUALIZED_EVENTS: ['tap', 'swipe', 'swiperight', 'swipeleft', 'drag', 'hold', 'release'],
+
+    // Trigger a new event
+    trigger: function(eventType, data) {
+      // TODO: Do we need to use the old-school createEvent stuff?
+      var event = new CustomEvent(eventType, data);
+
+      // Make sure to trigger the event on the given target, or dispatch it from
+      // the window if we don't have an event target
+      data && data.target && data.target.dispatchEvent(event) || window.dispatchEvent(event);
+    },
+  
+    // Bind an event
+    on: function(type, callback, element) {
+      var e = element || window;
+
+      // Bind a gesture if it's a virtual event
+      for(var i = 0, j = this.VIRTUALIZED_EVENTS.length; i < j; i++) {
+        if(type == this.VIRTUALIZED_EVENTS[i]) {
+          var gesture = new ionic.Gesture(element);
+          gesture.on(type, callback);
+          return gesture;
+        }
+      }
+
+      // Otherwise bind a normal event
+      e.addEventListener(type, callback);
+    },
+
+    off: function(type, callback, element) {
+      element.removeEventListener(type, callback);
+    },
+
+    // Register for a new gesture event on the given element
+    onGesture: function(type, callback, element) {
+      var gesture = new ionic.Gesture(element);
+      gesture.on(type, callback);
+      return gesture;
+    },
+
+    // Unregister a previous gesture event
+    offGesture: function(gesture, type, callback) {
+      gesture.off(type, callback);
+    },
+
+    // // With a click event, we need to check the target
+    // // and if it's an internal target that doesn't want
+    // // a click, cancel it
+    // handleClick: function(e) {
+    //   var target = e.target;
+
+    //   if(ionic.Gestures.HAS_TOUCHEVENTS) {
+    //     // We don't allow any clicks on mobile
+    //     e.preventDefault();
+    //     return false;
+    //   }
+
+    //   if (
+    //     !  target
+    //     || e.which > 1
+    //     || e.metaKey
+    //     || e.ctrlKey
+    //     //|| isScrolling
+    //     // || location.protocol !== target.protocol
+    //     // || location.host     !== target.host
+    //     // // Not sure abotu this one
+    //     // //|| !target.hash && /#/.test(target.href)
+    //     // || target.hash && target.href.replace(target.hash, '') === location.href.replace(location.hash, '')
+    //     //|| target.getAttribute('data-ignore') == 'push'
+    //   ) {
+    //     // Allow it
+    //     return;
+    //   }
+    //   // We need to cancel this one
+    //   e.preventDefault();
+
+    // },
+    
+    handlePopState: function(event) {
+      console.log("EVENT: popstate", event);
+    },
+  };
+  
+  
+  // Map some convenient top-level functions for event handling
+  ionic.on = function() { ionic.EventController.on.apply(ionic.EventController, arguments); }
+  ionic.off = function() { ionic.EventController.off.apply(ionic.EventController, arguments); }
+  ionic.trigger = function() { ionic.EventController.trigger.apply(ionic.EventController.trigger, arguments); }
+  ionic.onGesture = function() { ionic.EventController.onGesture.apply(ionic.EventController.onGesture, arguments); }
+  ionic.offGesture = function() { ionic.EventController.offGesture.apply(ionic.EventController.offGesture, arguments); }
+
+  // DISABLING FOR NOW. THE TAP CODE AT THE EXT LEVEL SHOULD BE DOING THIS
+  // Set up various listeners
+  //window.addEventListener('click', ionic.EventController.handleClick);
+
+})(window.ionic);