From 64167a5d7eba261f3f6c1b6e223d5f6b855b8df5 Mon Sep 17 00:00:00 2001
From: mike-000 <49240900+mike-000@users.noreply.github.com>
Date: Thu, 18 Jun 2020 15:31:33 +0100
Subject: [PATCH] Use condition instead of setActive and listeners

---
 examples/extent-interaction.js | 16 ++--------------
 1 file changed, 2 insertions(+), 14 deletions(-)

diff --git a/examples/extent-interaction.js b/examples/extent-interaction.js
index 907e702f04..dbd519a137 100644
--- a/examples/extent-interaction.js
+++ b/examples/extent-interaction.js
@@ -4,6 +4,7 @@ import Map from '../src/ol/Map.js';
 import View from '../src/ol/View.js';
 import {OSM, Vector as VectorSource} from '../src/ol/source.js';
 import {Tile as TileLayer, Vector as VectorLayer} from '../src/ol/layer.js';
+import {shiftKeyOnly} from '../src/ol/events/condition.js';
 
 const vectorSource = new VectorSource({
   url: 'data/geojson/countries.geojson',
@@ -26,18 +27,5 @@ const map = new Map({
   }),
 });
 
-const extent = new ExtentInteraction();
+const extent = new ExtentInteraction({condition: shiftKeyOnly});
 map.addInteraction(extent);
-extent.setActive(false);
-
-//Enable interaction by holding shift
-window.addEventListener('keydown', function (event) {
-  if (event.keyCode == 16) {
-    extent.setActive(true);
-  }
-});
-window.addEventListener('keyup', function (event) {
-  if (event.keyCode == 16) {
-    extent.setActive(false);
-  }
-});