Hopiu/jquery-mobile
1
0
Fork 0
mirror of https://github.com/Hopiu/jquery-mobile.git synced 2026-03-16 22:10:25 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Re-introduced the concept of blocking the mouse handlers from firing trigger. It was needed to fix select menus. Everytime you would click a select button, the click event was being intercepted by whatever select item appeared at the point of tap which set the value of the select.

Browse source
This commit is contained in:
Kin Blas 2011-03-24 14:57:51 -07:00
parent 8c5faaf01d
commit d06ff28bf6
1 changed files with 30 additions and 11 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

41
js/jquery.mobile.vmouse.js
View file

@ -35,15 +35,21 @@ var dataPropertyName = "virtualMouseBindings",
startY = 0,
startScrollX = 0,
startScrollY = 0,
scrollThreshold = 10,
didScroll = false,
clickBlockList = [],
blockMouseTriggers = false,
scrollTopSupported = $.support.scrollTop,
eventCaptureSupported = $.support.eventCapture,
$document = $(document),
nextTouchID = 1,
lastTouchID = 0;
$.vmouse = {
moveDistanceThreshold: 10,
clickDistanceThreshold: 10,
resetTimerDuration: 1500
};
function getNativeEvent(event)
{
while (event && typeof event.originalEvent !== "undefined") {
@ -150,6 +156,7 @@ function enableMouseBindings()
{
lastTouchID = 0;
clickBlockList.length = 0;
blockMouseTriggers = false;
// When mouse bindings are enabled, our
// touch bindings are disabled.
@ -169,7 +176,7 @@ function startResetTimer()
resetTimerID = setTimeout(function(){
resetTimerID = 0;
enableMouseBindings();
}, 2000);
}, $.vmouse.resetTimerDuration);
}
function clearResetTimer()
@ -196,7 +203,7 @@ function triggerVirtualEvent(eventType, event, flags)
function mouseEventCallback(event)
{
var touchID = $(event.target).data(touchTargetPropertyName);
if (!lastTouchID || lastTouchID !== touchID){
if (!blockMouseTriggers && (!lastTouchID || lastTouchID !== touchID)){
triggerVirtualEvent("v" + event.type, event);
}
}
@ -246,10 +253,11 @@ function handleTouchMove(event)
{
var t = getNativeEvent(event).touches[0];
var didCancel = didScroll;
var didCancel = didScroll
moveThreshold = $.vmouse.moveDistanceThreshold;
didScroll = didScroll
|| (scrollTopSupported && (startScrollX != window.pageXOffset || startScrollY != window.pageYOffset))
|| (Math.abs(t.pageX - startX) > scrollThreshold || Math.abs(t.pageY - startY) > scrollThreshold);
|| (Math.abs(t.pageX - startX) > moveThreshold || Math.abs(t.pageY - startY) > moveThreshold);
var flags = getVirtualBindingFlags(event.target);
if (didScroll && !didCancel){
@ -267,9 +275,16 @@ function handleTouchEnd(event)
triggerVirtualEvent("vmouseup", event, flags);
if (!didScroll){
if (triggerVirtualEvent("vclick", event, flags)){
// Push this element on the block list to prevent any clicks
// from getting to the bubble phase.
clickBlockList.push(event.target);
// The target of the mouse events that follow the touchend
// event don't necessarily match the target used during the
// touch. This means we need to rely on coordinates for blocking
// any click that is generated.
var t = getNativeEvent(event).changedTouches[0];
clickBlockList.push({ x: t.clientX, y: t.clientY });
// Prevent any mouse events that follow from triggering
// virtual event notifications.
blockMouseTriggers = true;
}
}
triggerVirtualEvent("vmouseout", event, flags);
@ -376,14 +391,18 @@ if (eventCaptureSupported){
document.addEventListener("click", function(e){
var cnt = clickBlockList.length;
var target = e.target;
while (target) {
if (cnt) {
var x = e.clientX,
y = e.clientY,
threshold = $.vmouse.clickDistanceThreshold;
for (var i = 0; i < cnt; i++) {
if (target == clickBlockList[i]){
var o = clickBlockList[i];
if (Math.abs(o.x - x) < threshold && Math.abs(o.y - y) < threshold){
e.preventDefault();
e.stopPropagation();
return;
}
}
target = target.parentNode;
}
}, true);
}