react-toolbox/lib/utils/events.js

69 lines
2.0 KiB
JavaScript

'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = {
getMousePosition: function getMousePosition(event) {
return {
x: event.pageX - (window.scrollX || window.pageXOffset),
y: event.pageY - (window.scrollY || window.pageYOffset)
};
},
getTouchPosition: function getTouchPosition(event) {
return {
x: event.touches[0].pageX - (window.scrollX || window.pageXOffset),
y: event.touches[0].pageY - (window.scrollY || window.pageYOffset)
};
},
pauseEvent: function pauseEvent(event) {
event.stopPropagation();
event.preventDefault();
},
addEventsToDocument: function addEventsToDocument(eventMap) {
for (var key in eventMap) {
document.addEventListener(key, eventMap[key], false);
}
},
removeEventsFromDocument: function removeEventsFromDocument(eventMap) {
for (var key in eventMap) {
document.removeEventListener(key, eventMap[key], false);
}
},
targetIsDescendant: function targetIsDescendant(event, parent) {
var node = event.target;
while (node !== null) {
if (node === parent) return true;
node = node.parentNode;
}
return false;
},
addEventListenerOnTransitionEnded: function addEventListenerOnTransitionEnded(element, fn) {
var eventName = transitionEventNamesFor(element);
if (!eventName) return false;
element.addEventListener(eventName, fn);
return true;
},
removeEventListenerOnTransitionEnded: function removeEventListenerOnTransitionEnded(element, fn) {
var eventName = transitionEventNamesFor(element);
if (!eventName) return false;
element.removeEventListener(eventName, fn);
return true;
}
};
var TRANSITIONS = {
'transition': 'transitionend',
'OTransition': 'oTransitionEnd',
'MozTransition': 'transitionend',
'WebkitTransition': 'webkitTransitionEnd'
};
function transitionEventNamesFor(element) {
for (var transition in TRANSITIONS) {
if (element && element.style[transition] !== undefined) {
return TRANSITIONS[transition];
}
}
}