mirror of
https://github.com/Doodle3D/doodle3d-client.git
synced 2024-11-24 01:57:56 +01:00
102 lines
2.2 KiB
JavaScript
102 lines
2.2 KiB
JavaScript
|
/**
|
||
|
* jQuery.fastClick.js
|
||
|
*
|
||
|
* Work around the 300ms delay for the click event in some mobile browsers.
|
||
|
*
|
||
|
* Code based on <http://code.google.com/mobile/articles/fast_buttons.html>
|
||
|
*
|
||
|
* @usage
|
||
|
* $('button').fastClick(function() {alert('clicked!');});
|
||
|
*
|
||
|
* @license MIT
|
||
|
* @author Dave Hulbert (dave1010)
|
||
|
* @version 1.0.0 2013-01-17
|
||
|
*/
|
||
|
|
||
|
/*global document, window, jQuery, Math */
|
||
|
|
||
|
(function($) {
|
||
|
|
||
|
$.fn.fastClick = function(handler) {
|
||
|
return $(this).each(function(){
|
||
|
$.FastButton($(this)[0], handler);
|
||
|
});
|
||
|
};
|
||
|
|
||
|
$.FastButton = function(element, handler) {
|
||
|
var startX, startY;
|
||
|
|
||
|
var reset = function() {
|
||
|
$(element).unbind('touchend');
|
||
|
$("body").unbind('touchmove.fastClick');
|
||
|
};
|
||
|
|
||
|
var onClick = function(event) {
|
||
|
event.stopPropagation();
|
||
|
reset();
|
||
|
handler.call(this, event);
|
||
|
|
||
|
if (event.type === 'touchend') {
|
||
|
$.clickbuster.preventGhostClick(startX, startY);
|
||
|
}
|
||
|
};
|
||
|
|
||
|
var onTouchMove = function(event) {
|
||
|
if (Math.abs(event.originalEvent.touches[0].clientX - startX) > 10 ||
|
||
|
Math.abs(event.originalEvent.touches[0].clientY - startY) > 10) {
|
||
|
reset();
|
||
|
}
|
||
|
};
|
||
|
|
||
|
var onTouchStart = function(event) {
|
||
|
event.stopPropagation();
|
||
|
|
||
|
$(element).bind('touchend', onClick);
|
||
|
$("body").bind('touchmove.fastClick', onTouchMove);
|
||
|
|
||
|
startX = event.originalEvent.touches[0].clientX;
|
||
|
startY = event.originalEvent.touches[0].clientY;
|
||
|
};
|
||
|
|
||
|
$(element).bind({
|
||
|
touchstart: onTouchStart,
|
||
|
click: onClick
|
||
|
});
|
||
|
};
|
||
|
|
||
|
$.clickbuster = {
|
||
|
coordinates: [],
|
||
|
|
||
|
preventGhostClick: function(x, y) {
|
||
|
$.clickbuster.coordinates.push(x, y);
|
||
|
window.setTimeout($.clickbuster.pop, 2500);
|
||
|
},
|
||
|
|
||
|
pop: function() {
|
||
|
$.clickbuster.coordinates.splice(0, 2);
|
||
|
},
|
||
|
|
||
|
onClick: function(event) {
|
||
|
var x, y, i;
|
||
|
for (i = 0; i < $.clickbuster.coordinates.length; i += 2) {
|
||
|
x = $.clickbuster.coordinates[i];
|
||
|
y = $.clickbuster.coordinates[i + 1];
|
||
|
if (Math.abs(event.clientX - x) < 25 && Math.abs(event.clientY - y) < 25) {
|
||
|
event.stopPropagation();
|
||
|
event.preventDefault();
|
||
|
}
|
||
|
}
|
||
|
}
|
||
|
};
|
||
|
|
||
|
$(function(){
|
||
|
if (document.addEventListener){
|
||
|
document.addEventListener('click', $.clickbuster.onClick, true);
|
||
|
} else if (document.attachEvent){
|
||
|
// for IE 7/8
|
||
|
document.attachEvent('onclick', $.clickbuster.onClick);
|
||
|
}
|
||
|
});
|
||
|
|
||
|
}(jQuery));
|