mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2025-11-06 22:29:44 +08:00
110 lines
3.7 KiB
JavaScript
110 lines
3.7 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) {
|
|
var event = new CustomEvent(eventType, { detail: 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);
|