mirror of
https://github.com/facebook/react.git
synced 2025-11-01 09:12:30 +00:00
CommitSyncScriptandPaul O’Shannessy
ba6fea1bf5
Summary: This makes a few changes to React Core, most notably `ReactEventEmitter` and `ReactEventTopLevelCallback`. - Changed `ReactEventEmitter` to use `EventListener` (instead of `NormalizedEventListener`). - Deleted `NormalizedEventListener` (which was previously broken). - Created `getEventTarget` which is used to get a normalized `target` from a native event. - Changed `ReactEventTopLevelCallback` to use `getEventTarget`. - Renamed `abstractEventType` to `reactEventType` in `AbstractEvent`. - Reanmed `abstractTargetID` to `reactTargetID` in `AbstractEvent`. - Removed `originatingTopLevelEventType` from `AbstractEvent` (unused and violates encapsulation). - Removed `nativeEvent.target === window` check when refreshing authoritative scroll values (unnecessary). This actually fixes React because `NormalizedEventListener` does not currently do what it promises to do (which is normalizing `target` on the native event). The `target` event is read-only on native events. This also revises documentation and adds `@typechecks` to a few modules. NOTE: Most importantly, this sets the stage for replacing `AbstractEvent` with `ReactEvent` and subclasses, piecemeal.
92 lines
2.7 KiB
JavaScript
92 lines
2.7 KiB
JavaScript
/**
|
|
* Copyright 2013 Facebook, Inc.
|
|
*
|
|
* Licensed under the Apache License, Version 2.0 (the "License");
|
|
* you may not use this file except in compliance with the License.
|
|
* You may obtain a copy of the License at
|
|
*
|
|
* http://www.apache.org/licenses/LICENSE-2.0
|
|
*
|
|
* Unless required by applicable law or agreed to in writing, software
|
|
* distributed under the License is distributed on an "AS IS" BASIS,
|
|
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
* See the License for the specific language governing permissions and
|
|
* limitations under the License.
|
|
*
|
|
* @providesModule TapEventPlugin
|
|
* @typechecks
|
|
*/
|
|
|
|
"use strict";
|
|
|
|
var AbstractEvent = require('AbstractEvent');
|
|
var EventPluginUtils = require('EventPluginUtils');
|
|
var EventPropagators = require('EventPropagators');
|
|
|
|
var keyOf = require('keyOf');
|
|
|
|
var isStartish = EventPluginUtils.isStartish;
|
|
var isEndish = EventPluginUtils.isEndish;
|
|
var storePageCoordsIn = EventPluginUtils.storePageCoordsIn;
|
|
var eventDistance = EventPluginUtils.eventDistance;
|
|
|
|
/**
|
|
* The number of pixels that are tolerated in between a touchStart and
|
|
* touchEnd in order to still be considered a 'tap' event.
|
|
*/
|
|
var tapMoveThreshold = 10;
|
|
var startCoords = {x: null, y: null};
|
|
|
|
var abstractEventTypes = {
|
|
touchTap: {
|
|
phasedRegistrationNames: {
|
|
bubbled: keyOf({onTouchTap: null}),
|
|
captured: keyOf({onTouchTapCapture: null})
|
|
}
|
|
}
|
|
};
|
|
|
|
/**
|
|
* @param {string} topLevelType Record from `EventConstants`.
|
|
* @param {DOMEventTarget} topLevelTarget The listening component root node.
|
|
* @param {string} topLevelTargetID ID of `topLevelTarget`.
|
|
* @param {object} nativeEvent Native browser event.
|
|
* @return {*} An accumulation of `AbstractEvent`s.
|
|
* @see {EventPluginHub.extractAbstractEvents}
|
|
*/
|
|
var extractAbstractEvents = function(
|
|
topLevelType,
|
|
topLevelTarget,
|
|
topLevelTargetID,
|
|
nativeEvent) {
|
|
if (!isStartish(topLevelType) && !isEndish(topLevelType)) {
|
|
return;
|
|
}
|
|
var abstractEvent;
|
|
var dist = eventDistance(startCoords, nativeEvent);
|
|
if (isEndish(topLevelType) && dist < tapMoveThreshold) {
|
|
abstractEvent = AbstractEvent.getPooled(
|
|
abstractEventTypes.touchTap,
|
|
topLevelTargetID,
|
|
nativeEvent
|
|
);
|
|
}
|
|
if (isStartish(topLevelType)) {
|
|
storePageCoordsIn(startCoords, nativeEvent);
|
|
} else if (isEndish(topLevelType)) {
|
|
startCoords.x = 0;
|
|
startCoords.y = 0;
|
|
}
|
|
EventPropagators.accumulateTwoPhaseDispatches(abstractEvent);
|
|
return abstractEvent;
|
|
};
|
|
|
|
var TapEventPlugin = {
|
|
tapMoveThreshold: tapMoveThreshold,
|
|
startCoords: startCoords,
|
|
abstractEventTypes: abstractEventTypes,
|
|
extractAbstractEvents: extractAbstractEvents
|
|
};
|
|
|
|
module.exports = TapEventPlugin;
|