diff --git a/src/ol/control/fullscreencontrol.js b/src/ol/control/fullscreencontrol.js index ffc8a89ab8..1ac4233fd5 100644 --- a/src/ol/control/fullscreencontrol.js +++ b/src/ol/control/fullscreencontrol.js @@ -10,6 +10,7 @@ goog.require('googx.dom.fullscreen'); goog.require('googx.dom.fullscreen.EventType'); goog.require('ol.control.Control'); goog.require('ol.css'); +goog.require('ol.pointer.PointerEventHandler'); @@ -47,10 +48,8 @@ ol.control.FullScreen = function(opt_options) { ' ol-has-tooltip' }); goog.dom.appendChild(button, tip); - goog.events.listen(button, [ - goog.events.EventType.CLICK, - goog.events.EventType.TOUCHEND - ], this.handleClick_, false, this); + goog.events.listen(new ol.pointer.PointerEventHandler(button), + ol.pointer.EventType.POINTERUP, this.handleClick_, false, this); goog.events.listen(button, [ goog.events.EventType.MOUSEOUT, @@ -84,14 +83,14 @@ goog.inherits(ol.control.FullScreen, ol.control.Control); /** - * @param {goog.events.BrowserEvent} browserEvent Browser event. + * @param {ol.pointer.PointerEvent} pointerEvent Pointer event. * @private */ -ol.control.FullScreen.prototype.handleClick_ = function(browserEvent) { +ol.control.FullScreen.prototype.handleClick_ = function(pointerEvent) { if (!googx.dom.fullscreen.isSupported()) { return; } - browserEvent.preventDefault(); + pointerEvent.browserEvent.preventDefault(); var map = this.getMap(); if (goog.isNull(map)) { return; diff --git a/src/ol/control/zoomcontrol.js b/src/ol/control/zoomcontrol.js index c5eb49ad42..c786aa6c91 100644 --- a/src/ol/control/zoomcontrol.js +++ b/src/ol/control/zoomcontrol.js @@ -12,6 +12,7 @@ goog.require('ol.animation'); goog.require('ol.control.Control'); goog.require('ol.css'); goog.require('ol.easing'); +goog.require('ol.pointer.PointerEventHandler'); @@ -51,10 +52,9 @@ ol.control.Zoom = function(opt_options) { 'type' : 'button' }, tTipZoomIn, zoomInLabel); - goog.events.listen(inElement, [ - goog.events.EventType.TOUCHEND, - goog.events.EventType.CLICK - ], goog.partial(ol.control.Zoom.prototype.zoomByDelta_, delta), false, this); + goog.events.listen(new ol.pointer.PointerEventHandler(inElement), + ol.pointer.EventType.POINTERUP, goog.partial( + ol.control.Zoom.prototype.zoomByDelta_, delta), false, this); goog.events.listen(inElement, [ goog.events.EventType.MOUSEOUT, @@ -71,10 +71,10 @@ ol.control.Zoom = function(opt_options) { 'class': className + '-out ol-has-tooltip', 'name' : 'ZoomOut' }, tTipsZoomOut, zoomOutLabel); - goog.events.listen(outElement, [ - goog.events.EventType.TOUCHEND, - goog.events.EventType.CLICK - ], goog.partial(ol.control.Zoom.prototype.zoomByDelta_, -delta), false, this); + + goog.events.listen(new ol.pointer.PointerEventHandler(outElement), + ol.pointer.EventType.POINTERUP, goog.partial( + ol.control.Zoom.prototype.zoomByDelta_, -delta), false, this); goog.events.listen(outElement, [ goog.events.EventType.MOUSEOUT, @@ -104,11 +104,11 @@ goog.inherits(ol.control.Zoom, ol.control.Control); /** * @param {number} delta Zoom delta. - * @param {goog.events.BrowserEvent} browserEvent The browser event to handle. + * @param {ol.pointer.PointerEvent} pointerEvent The pointer event to handle. * @private */ -ol.control.Zoom.prototype.zoomByDelta_ = function(delta, browserEvent) { - browserEvent.preventDefault(); +ol.control.Zoom.prototype.zoomByDelta_ = function(delta, pointerEvent) { + pointerEvent.browserEvent.preventDefault(); // prevent the anchor from getting appended to the url var map = this.getMap(); // FIXME works for View2D only diff --git a/src/ol/control/zoomtoextentcontrol.js b/src/ol/control/zoomtoextentcontrol.js index 9db50f69d0..d0bd7d2936 100644 --- a/src/ol/control/zoomtoextentcontrol.js +++ b/src/ol/control/zoomtoextentcontrol.js @@ -9,6 +9,7 @@ goog.require('goog.events'); goog.require('goog.events.EventType'); goog.require('ol.control.Control'); goog.require('ol.css'); +goog.require('ol.pointer.PointerEventHandler'); @@ -47,10 +48,9 @@ ol.control.ZoomToExtent = function(opt_options) { goog.dom.appendChild(button, tip); goog.dom.appendChild(element, button); - goog.events.listen(button, [ - goog.events.EventType.TOUCHEND, - goog.events.EventType.CLICK - ], this.handleZoomToExtent_, false, this); + goog.events.listen(new ol.pointer.PointerEventHandler(button), + ol.pointer.EventType.POINTERUP, + this.handleZoomToExtent_, false, this); goog.events.listen(button, [ goog.events.EventType.MOUSEOUT, @@ -68,11 +68,11 @@ goog.inherits(ol.control.ZoomToExtent, ol.control.Control); /** - * @param {goog.events.BrowserEvent} browserEvent Browser event. + * @param {ol.pointer.PointerEvent} pointerEvent Pointer event. * @private */ -ol.control.ZoomToExtent.prototype.handleZoomToExtent_ = function(browserEvent) { - browserEvent.preventDefault(); +ol.control.ZoomToExtent.prototype.handleZoomToExtent_ = function(pointerEvent) { + pointerEvent.browserEvent.preventDefault(); // prevent #zoomExtent anchor from getting appended to the url var map = this.getMap(); var view = map.getView();