Renamed JS files, removed ionic- prefix.

2025-11-07 06:57:02 +08:00 · 2013-09-22 23:30:53 -05:00
parent 8846e9a174
commit 946672cd84
6 changed files with 122 additions and 0 deletions
--- a/js/events.js
+++ b/js/events.js
@ -0,0 +1,109 @@
+/**
+ * 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(window, document, ion) {
+  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.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); }
+
+  // Set up various listeners
+  window.addEventListener('click', ionic.EventController.handleClick);
+
+})(this, document, ionic = this.ionic || {});