javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-11-07 06:57:02 +08:00
Code Issues Packages Projects Releases Wiki Activity

tap polyfill

Browse Source
This commit is contained in:
Adam Bradley
2013-09-27 09:54:40 -05:00
parent fb18b29aa2
commit 7420c9b845
6 changed files with 108 additions and 115 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
Gruntfile.js
View File

@ -17,7 +17,8 @@ module.exports = function(grunt) {
'js/animate.js',
'js/viewController.js',
'js/views/**/*.js',
'js/controllers/**/*.js'
'js/controllers/**/*.js',
'js/tapPolyfill.js'
],
dest: 'dist/<%= pkg.name %>.js'
},

76
dist/ionic-simple.js vendored
View File

@ -1,58 +1,44 @@
(function(window, document, ionic) {
// polyfill use to simulate native "tap"
function inputTapPolyfill(ele, e) {
if(ele.type === "radio" || ele.type === "checkbox") {
ele.checked = !ele.checked;
} else if(ele.type === "submit" || ele.type === "button") {
ele.click();
ionic.simple = {
};
function initalize() {
// remove the ready listeners
document.removeEventListener( "DOMContentLoaded", initalize, false );
window.removeEventListener( "load", initalize, false );
// trigger that the DOM is ready
ionic.trigger("domready");
}
// When the DOM is ready, initalize the webapp
if ( document.readyState === "complete" ) {
// DOM is already ready
setTimeout( initalize );
} else {
ele.focus();
}
e.stopPropagation();
e.preventDefault();
return false;
// DOM isn't ready yet, add event listeners
document.addEventListener( "DOMContentLoaded", initalize, false );
window.addEventListener( "load", initalize, false );
}
function tapPolyfill(e) {
// if the source event wasn't from a touch event then don't use this polyfill
if(!e.gesture || e.gesture.pointerType !== "touch") return;
})(this, document, ionic);;
(function(window, document, ionic) {
var
e = e.gesture.srcEvent, // evaluate the actual source event, not the created event by gestures.js
ele = e.target;
function initalize() {
if(!e) return;
ionic.on("swipe", swipe, document.body)
while(ele) {
if( ele.tagName === "INPUT" || ele.tagName === "TEXTAREA" || ele.tagName === "SELECT" ) {
return inputTapPolyfill(ele, e);
} else if( ele.tagName === "LABEL" ) {
if(ele.control) {
return inputTapPolyfill(ele.control, e);
}
} else if( ele.tagName === "A" || ele.tagName === "BUTTON" ) {
ele.click();
e.stopPropagation();
e.preventDefault();
return false;
}
ele = ele.parentElement;
}
// they didn't tap one of the above elements
// if the currently active element is an input, and they tapped outside
// of the current input, then unset its focus (blur) so the keyboard goes away
var activeElement = document.activeElement;
if(activeElement && (activeElement.tagName === "INPUT" || activeElement.tagName === "TEXTAREA" || activeElement.tagName === "SELECT")) {
activeElement.blur();
e.stopPropagation();
e.preventDefault();
return false;
}
function swipe(e) {
alert(e.target.tagName)
}
// global tap event listener polyfill for HTML elements that were "tapped" by the user
ionic.on("tap", tapPolyfill, window);
ionic.on("domready", initalize);
})(this, document, ionic);
})(window, document, ionic);

94
dist/ionic.js vendored
View File

@ -1,35 +1,9 @@
window.ionic = {};
// Create namespaces
ionic.controllers = {};
ionic.views = {};
function initalize() {
// remove the ready listeners
document.removeEventListener( "DOMContentLoaded", initalize, false );
window.removeEventListener( "load", initalize, false );
/*
// trigger that the DOM is ready
ionic.trigger("ready");
// trigger that the start page is in view
ionic.trigger("pageview");
// trigger that the webapp has been initalized
ionic.trigger("initalized");
*/
}
// When the DOM is ready, initalize the webapp
if ( document.readyState === "complete" ) {
// DOM is already ready
setTimeout( initalize );
} else {
// DOM isn't ready yet, add event listeners
document.addEventListener( "DOMContentLoaded", initalize, false );
window.addEventListener( "load", initalize, false );
}
window.ionic = {
controllers: {},
views: {}
};
;(function(ionic) {
ionic.Platform = {
@ -114,7 +88,7 @@ if ( document.readyState === "complete" ) {
// 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);
data && data.target && data.target.dispatchEvent(event) || window.dispatchEvent(event);
},
// Bind an event
@ -2411,3 +2385,61 @@ ionic.controllers.TabBarController.prototype = {
}
})(ionic = window.ionic || {});
;(function(window, document, ionic) {
// polyfill use to simulate native "tap"
function inputTapPolyfill(ele, e) {
if(ele.type === "radio" || ele.type === "checkbox") {
ele.checked = !ele.checked;
} else if(ele.type === "submit" || ele.type === "button") {
ele.click();
} else {
ele.focus();
}
e.stopPropagation();
e.preventDefault();
return false;
}
function tapPolyfill(e) {
// if the source event wasn't from a touch event then don't use this polyfill
if(!e.gesture || e.gesture.pointerType !== "touch") return;
var
e = e.gesture.srcEvent, // evaluate the actual source event, not the created event by gestures.js
ele = e.target;
if(!e) return;
while(ele) {
if( ele.tagName === "INPUT" || ele.tagName === "TEXTAREA" || ele.tagName === "SELECT" ) {
return inputTapPolyfill(ele, e);
} else if( ele.tagName === "LABEL" ) {
if(ele.control) {
return inputTapPolyfill(ele.control, e);
}
} else if( ele.tagName === "A" || ele.tagName === "BUTTON" ) {
ele.click();
e.stopPropagation();
e.preventDefault();
return false;
}
ele = ele.parentElement;
}
// they didn't tap one of the above elements
// if the currently active element is an input, and they tapped outside
// of the current input, then unset its focus (blur) so the keyboard goes away
var activeElement = document.activeElement;
if(activeElement && (activeElement.tagName === "INPUT" || activeElement.tagName === "TEXTAREA" || activeElement.tagName === "SELECT")) {
activeElement.blur();
e.stopPropagation();
e.preventDefault();
return false;
}
}
// global tap event listener polyfill for HTML elements that were "tapped" by the user
ionic.on("tap", tapPolyfill, window);
})(this, document, ionic);

2
js/events.js
View File

@ -21,7 +21,7 @@
// 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);
data && data.target && data.target.dispatchEvent(event) || window.dispatchEvent(event);
},
// Bind an event

34
js/ionic.js
View File

@ -1,32 +1,6 @@
window.ionic = {};
// Create namespaces
ionic.controllers = {};
ionic.views = {};
function initalize() {
// remove the ready listeners
document.removeEventListener( "DOMContentLoaded", initalize, false );
window.removeEventListener( "load", initalize, false );
/*
// trigger that the DOM is ready
ionic.trigger("ready");
// trigger that the start page is in view
ionic.trigger("pageview");
// trigger that the webapp has been initalized
ionic.trigger("initalized");
*/
}
// When the DOM is ready, initalize the webapp
if ( document.readyState === "complete" ) {
// DOM is already ready
setTimeout( initalize );
} else {
// DOM isn't ready yet, add event listeners
document.addEventListener( "DOMContentLoaded", initalize, false );
window.addEventListener( "load", initalize, false );
}
window.ionic = {
controllers: {},
views: {}
};

0
ext/simple/events.js → js/tapPolyfill.js
View File