mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2025-11-06 22:29:44 +08:00
96 lines
3.0 KiB
JavaScript
96 lines
3.0 KiB
JavaScript
/**
|
|
* framework-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, framework) {
|
|
framework.EventController = {
|
|
|
|
// 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;
|
|
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 framework.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 (
|
|
! 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
|
|
console.log("EVENT: click", e);
|
|
return;
|
|
}
|
|
// We need to cancel this one
|
|
e.preventDefault();
|
|
|
|
// TODO: should we do this?
|
|
// e.stopPropagation();
|
|
},
|
|
|
|
handlePopState: function(event) {
|
|
console.log("EVENT: popstate", event);
|
|
},
|
|
};
|
|
|
|
|
|
// Map some convenient top-level functions for event handling
|
|
framework.on = framework.EventController.on;
|
|
framework.off = framework.EventController.off;
|
|
framework.trigger = framework.EventController.trigger;
|
|
framework.onGesture = framework.EventController.onGesture;
|
|
framework.offGesture = framework.EventController.offGesture;
|
|
|
|
// Set up various listeners
|
|
window.addEventListener('click', framework.EventController.handleClick);
|
|
window.addEventListener('popstate', framework.EventController.handlePopState);
|
|
|
|
})(this, document, FM = this.FM || {});
|