mirror of
https://github.com/YunoHost/SSOwat.git
synced 2024-09-03 20:06:27 +02:00
Prevent the browser to refresh the page on mobile when moving overlay
This commit is contained in:
parent
c6ec5beed5
commit
4b85679471
1 changed files with 12 additions and 4 deletions
|
@ -90,9 +90,14 @@ Element.toggleClass = function(element, className) {
|
|||
/* Add Event
|
||||
https://github.com/Darklg/JavaScriptUtilities/blob/master/assets/js/vanilla-js/libs/vanilla-events.js
|
||||
-------------------------- */
|
||||
window.addEvent = function(el, eventName, callback) {
|
||||
window.addEvent = function(el, eventName, callback, options) {
|
||||
if (el.addEventListener) {
|
||||
el.addEventListener(eventName, callback, false);
|
||||
if (!options || typeof(options) !== "object") {
|
||||
options = {};
|
||||
}
|
||||
|
||||
options.capture = false;
|
||||
el.addEventListener(eventName, callback, options);
|
||||
}
|
||||
else if (el.attachEvent) {
|
||||
el.attachEvent("on" + eventName, function(e) {
|
||||
|
@ -142,12 +147,15 @@ var dragg = function(id) {
|
|||
x_pos = document.all ? window.event: e.pageX;
|
||||
y_pos = document.all ? window.event : e.pageY;
|
||||
|
||||
if (e.type === "touchmove"){
|
||||
if (e.type === "touchmove") {
|
||||
x_pos = e.touches[0].clientX;
|
||||
y_pos = e.touches[0].clientY;
|
||||
}
|
||||
|
||||
if (selected !== null) {
|
||||
if (e.type === "touchmove"){
|
||||
event.preventDefault();
|
||||
}
|
||||
dragged = true;
|
||||
selected.style.left = (x_pos - x_elem) + 'px';
|
||||
selected.style.top = (y_pos - y_elem) + 'px';
|
||||
|
@ -165,7 +173,7 @@ var dragg = function(id) {
|
|||
|
||||
// Will be called when user dragging an element
|
||||
window.addEvent(window, 'mousemove', _onMove);
|
||||
window.addEvent(window, 'touchmove', _onMove);
|
||||
window.addEvent(window, 'touchmove', _onMove, {passive: false});
|
||||
|
||||
// Destroy the object when we are done
|
||||
window.addEvent(window, 'mouseup', _shutDrag);
|
||||
|
|
Loading…
Reference in a new issue