mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2025-11-06 22:29:44 +08:00
110 lines
3.6 KiB
JavaScript
110 lines
3.6 KiB
JavaScript
/**
|
|
* 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.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);
|
|
|
|
})(ionic = window.ionic || {});
|